Vue3.0、TypeScript学习日常笔记（附demo）

1.vue3.0 setup，reactive、onMounted等生命周期函数、computed计算属性、toRefs、toRef、父子组件调用等应用，如下demo（需要安装ts）！

父组件： 

 子组件： 

  2.响应原理：

Vue2：深入响应式原理 — Vue.js

把一个普通的JS对象传入Vue实例作为data选项，Vue将遍历此对象所有的property，并使用Object.defineProperty把这些property转化为getter和setter进而实现双向数据绑定

Vue3：深入响应性原理 | Vue.js

Vue 将传入对象包裹在一个带有 get 和 set 处理程序的Proxy中实现双向数据绑定

3.v-if与v-for优先级

Vue2版本，v-for优先级高于v-if优先级，但有报错提示，不影响运行

 Vue3版本，同时使用程序抛错，不能运行。

4.v-bind 属性合并

对于唯一属性，比如id，会后者覆盖前者；class类名，合并共存不变

5.ref变化，Vue3.0则如1中demo  ref的变化

Vue2中：