lmyh1111的博客

作用：创建一个ref对象，其value值指向另一个对象中的某个属性;语法：const name = toRef(person,'name');应用：要将响应式对象中的某个属性单独提供给外部使用时；扩展：toRefs与toRef功能一致，但可以批量创建多个ref对象，语法：toRefs(person). eg:...

二、 watch函数 与vue2.x中的watch配置功能一致； 两个小‘坑’： 监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置无效）； 监视reactive定义的响应式数据中某个属性时：deep配置有效。 三、watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调； watchEffect的套路是：不用指明监视的哪个属性，监视的回调中用到的哪个属性，那就监视哪个属性；

vue3.x中eslint-disable禁用检查设置

setup执行的时机在beforeCreate之前执行一次，this是undefined。setup的参数props:值为对象，包含：组件外部传递过去，且组件内部声明接收了属性；context:上下文对象attrs：值为对象，包含：组件外部传递过来，但没有在props配置中声明的属性，相当于this.$attrs;slots：收到的插槽内容，相当于this.$slots;emit：分发自定义事件的函数，相当于this.$emit。...

vue3响应式：实现原理：通过Proxy（代理）：拦截对象中任意属性的变化，包括：属性值得读写、属性的添加、属性的删除等；通过Reflect（反射）：对被代理对象的属性进行操作；

ref:作用：定义一个响应式的数据。语法：const XXX = ref(initValue)创建一个包含响应式数据的引用对象（reference对象，简称ref对象）js中操作数据：xxx.value模板中读取数据：不需要.value，直接：{{xxx}}......、reactive函数作用：定义一个对象类型的响应式数据(基本类型不要用它，要用ref函数)语法：const代理对象 = reactive(源对象)接收一个对象（或数组），返回一个代理对象（proxy对象）......