摘要:
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)

浙公网安备 33010602011771号