摘要: vue2和vue3响应式的原理(数据拦截) vue2.x的响应式 实现原理: 对象类型:通过Object.defineProperty()对属性的读取、修改进行拦截(数据劫持)。 数组类型:通过重写更新数组的一系列方法来实现拦截。(对数组的变更方法进行了包裹)。 Object.definePrope 阅读全文
posted @ 2022-05-17 14:53 杨建鑫 阅读(337) 评论(0) 推荐(0)
摘要: setup执行的时机 在beforeCreate之前执行一次,this是undefined。 setup的参数 props:值为对象,包含:组件外部传递过来,且组件内部声明接收了的属性。 context:上下文对象 attrs: 值为对象,包含:组件外部传递过来,但没有在props配置中声明的属性, 阅读全文
posted @ 2022-05-17 14:51 杨建鑫 阅读(221) 评论(0) 推荐(0)
摘要: watchEffect函数 watch的套路是:既要指明监视的属性,也要指明监视的回调。 watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性。 watchEffect有点像computed: 但computed注重的计算出来的值(回调函数的返回值),所以 阅读全文
posted @ 2022-05-17 14:27 杨建鑫 阅读(302) 评论(0) 推荐(0)
摘要: 监视属性watch 与Vue2.x中watch配置功能一致 两个小“坑”: 监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置失效)。 监视reactive定义的响应式数据中某个属性时:deep配置有效。 <template> <div class 阅读全文
posted @ 2022-05-17 14:20 杨建鑫 阅读(78) 评论(0) 推荐(0)
摘要: 计算属性 与Vue2.x中computed配置功能一致 写法案例 : <template> <div class="about"> <h1>计算属性</h1> 姓 : <input type="text" v-model="firstName"> <br> 名 : <input type="text 阅读全文
posted @ 2022-05-17 13:35 杨建鑫 阅读(67) 评论(0) 推荐(0)