淘宝网页版怎么和卖家聊天,西安seo优化排名,来宾seo,黑龙江建设网官网登陆一、ref之基本类型响应式数据
1.1 基本语法
import { ref } from vuelet x ref(初始值)console.log(xxx -- , x.value);x为一个RefImpl对象#xff0c;该对象的value属性为实际值#xff0c;在script里需要操作x.value来改变数据的值#xff0c;在页面里则可以直接使…
一、ref之基本类型响应式数据
1.1 基本语法
import { ref } from vuelet x ref(初始值)console.log(xxx -- , x.value);x为一个RefImpl对象该对象的value属性为实际值在script里需要操作x.value来改变数据的值在页面里则可以直接使用{{x}}来展示数据
1.2 简单示例
script langts setup namePersonCom
// 引入ref
import { ref } from vue// 此时ref包裹的数据即为响应式数据
let name ref(李四)
// 非响应式数据只做一次展示无需修改的数据
let age 99
console.log(name -- , name); // RefImpl
console.log(age -- , age);// 对非响应式数据直接赋值修改是在方法里生效的但在页面里的不生效的
function updatePersonName() {console.log(调用修改name方法);// js里操作ref包裹的响应式数据必须给其value赋值而不能直接给属性赋值name.value 王五console.log(改之后name: , name.value);// 王五
}
/script输出如下 页面点击修改后数据发生了变化
二、简单总结
需要引入ref才可以使用ref包裹的数据即为响应式数据,返回一个RefImpl对象实例script标签里操作ref包裹的响应式基本类型数据必须给其value属性赋值而不能直接给数据对象赋值。
END
