Vue3

Reactive全家桶 reactive 用来定义复杂的数据类型：对象、数组 reactive 源码约束了我们的类型，ref支持所有类型 绑定普通的数据类型是不被允许的 会报错 绑定普通数据类型用 r

ref全家桶 vue2写法 为什么要有ref 点击上面的 change 之后，script的数据message会变，视图层里的数据message不会变，说明数据不是响应式的。 ref 定义响应式数据

生命周期 每个Vue组件实例从创建到初始化、更新、销毁的过程 vue3的组合式API是没有beforeCreate和created这两个生命周期的（用setup代替） onBeforeMount()

模板语法 在script声明一个变量，可以直接在template使用，用法：{{变量名}} 指令 v-开头都是vue指令 v-text 显示文本 v-html 把带有标签的字符串渲染成真正的HTML内

只在初始化执行一次 setup是一个函数，只在初始化的时候执行一次，它会在beforeCreate之前执行一次 setup是所有Composition API的容器，以后大部分代码都是在setup函数