Vue-3.0

1. vue3与vue2的区别

性能提高 ，更支持ts， 增加Composition API, 移除$on ，移除过滤器 ，移除.snyc

Vue3中，可以在template中写多个根元素； 核心代码不一样： createApp(根组件).mount(‘public/index.html中的div容器’)

创建vue3的项目：vue create 项目名

2. Composition API 组合式优点：

功能代码组合维护，分散定义，组合使用 ；

3. optionAPI选择式 优点：

简单 上手容易 各项各司其职， 缺点：不方便复用 ，代码分散 ，反复横跳

对比：

4. setup函数

1. 是一个新的组件选项，是组建中的起点（入口）；

2.它在beforeCreate之前执行 ， 第一；

3.返回值是对象，和data很像 ，用来做模板渲染；如果在data()中也定义了同名的数据，则以setup()中为准。

4. setup中不能使用this， this执行undefined；

5. setup函数只会在组件初始化的时候执行一次；

5.生命周期：组合式：有7个钩子

• setup 创建实例前

• onBeforeMount 挂载DOM前