千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

组合式和选项式不同

选项式vue3向下兼容vue2的大部分,除了过滤器还有两个钩子函数(名称修改了)

组合式中没有了vue2中的created和beforecreated,改为了setup

v-ifL比v-for有更高优先级

vue3中可以绑定多个事件一定要添加小括号()方法中间使用逗号，隔开即可

事件中使用下列方法可以事件和值同时传vue2和vue3都支持,传值设置多个类型

reactive 定义响应式数据

reactive它也是定义响应式数据的

ref 它可以定义任意类型，ref定义的对象调用是

定要加.value

reactive 它只能定义引用类型对象],调用reactive对象中的属性不需要加.value的

reactive可以理解为是对ref在引l用对象定义的一个简化方案,不用写.value

把值转为ref对象 1对 1

批量转换 把reactive中的所有的数据对转为ref对象

setup

1.setup它是vue3提供的compositionApi配己置入口，所有的组合api都只能写在此配置中

2.此方法它不能使用this，this它是一个undefined3.此方法默认只能返回ison对象，不能返回其他类型

4.如果使用async/await则则必须要和Suspense组件进行集合才可以使用

5.setup它有两个参数，此参数可以让我们在写代码调用props或相关方法

6.setup中包含了数据，方法，计算属性，侦听器等

注:如果你写的是一个选项式写法，data和setup等是可以共存的

在 Vue 3 中，可以将生命周期分为以下三个阶段

1.创建阶段

beforeCreate:在实例初始化之后，数据观测和事件/watcher 配置之前被调用。

created:实例创建完成后被调用。此时，数据观测、计算属性、方法都已经被设置好，但尚未开始模板编译和挂载

2.更新阶段

beforeUpdate: 在响应式数据更新之前被调用。发生在虚拟 DOM 重新渲染和打补丁之前

updated: 在虚拟 DOM 重新渲染和打补丁之后调用。当前组件已更新，但可能是了组件中的更新。

3.卸载阶段

beforeUnmount: 在卸载开开始之前被调用。相关的实例将被销毁

unmounted:实例卸载后调用。此时，组件已从DOM 中移除，相关的指令和事件监听器也被移除。