①支持多个 v-model:在 Vue3 中,可以通过参数来达到一个组件支持多个 v-model 的能力;
②废弃.sync;
③不同数据类型的监听;
④支持监听多个源:在 Vue3 里,watch 多了一个特性,可以传入一个数组同时侦听多个数据;
⑤watchEffect 与 watch 的区别:相比 Vue2,Vue3 多了 watchEffect 这个 API,watchEffect 传入一个函数参数,该函数会立即执行,同时会响应式的最终函数内的依赖变量,并在依赖发生改变时重新运行改函数。
和 watch 的区别:
1、运行时机不同,watchEffect 会立即执行,相当于设置了 immediate: true 的 watch;
2、watchEffect 无法获取改变前后的值;
3、与 watch 显示的指定依赖源不同,watchEffect 会自动收集依赖源;
⑥$attrs:Vue3 中,$attrs 包含父组件中除 props 和自定义事件外的所有属性集合,因此 $listenners 则被移除了;
⑦使用 ref 访问子组件:在 Vue2 中,使用 ref 即可访问子组件里的任意数据及方法,但在 Vue3 中则必须使用 defineExpose 暴露子组件内的方法或属性才能被父组件所调用;
(参考:mp.weixin.qq.com/s/WdyqIZdDT…