作用:定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据引用对象(reference对象) JS中操作数据:xxx.value 模板中读取数据:不需要.value,直接: {{xxx}} 备注: 接收的数据可以是:基本类型、也
react
作用:定义一个对象类型的响应式数据(基本类型别用他,用ref函数) 语法:const 代理对象 = reactive(被代理对象)接收一个对象(或数组),返回一个代理对象(proxy对象) reactive定义的响应式数据是”深层次的“ 内部基于ES6的Proxy实现,通过代理对象操作源对象内部数据进行操作
react
从定义数据角度对比: ref用来定义: 基本数据类型 reactive用来定义: 对象(或数组)类型数据 备注: ref也可以用来定义对象(或数组)类型数据,它内部会自动通过reactive转为代理对象 从原理角度对比: ref通过Object.defineProperty()的get和se
setup
setup执行的时机 在beforeCreate之前执行一次,this是undefined setup的参数 props:值为对象,包含: 组件外部传递过来,且组件内部声明接收了属性 context:上下文对象 attrs: 值为对象,包含:组件外部传递过来,但没有在props配置中声明的属性
watch
watch的套路是:既要指明监视的属性,也要指明监视的回调 watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性 watchEffect有点像computed: 但computed注重的计算出来的值(回调函数的返回值),所以必须要写返回值 而watchEff
爱你此生
暂无
微信
暂无