vue2和vue3的区别

vue2和vue3的主要区别在于以下几点：

1、生命周期函数钩子不同

2、数据双向绑定原理不同

3、定义变量和方法不同

4、指令和插槽的使用不同

5、API类型不同

6、是否支持碎片

7、父子之间传参不同

8、main.js文件中部分设置不同

一、

**vue2**                                                            	**vue3**
 beforeCreate 组件创建之前                                                       setup 开始创建组件

created 组件创建之后                                                                       

beforeMount 组件挂载到页面之前执行                                                onBeforeMount 组件挂载到页面之前执行                                   

mounted 组件挂载到页面之后执行                                                    onMounted 组件挂载到页面之后执行

beforeUpdate 组件更新之前                                                        onBeforeUpdate 组件更新之前                                              

updated 组件更新之后                                                             onUpdated 组件更新之后

二、
vue2
父传子：

子组件通过prop接收

子传父：

子组件中通过$emit向父组件触发一个监听方法，传递一个参数

vue3

使用setup()中的第二个参数content对象中有emit，只需要在setup()接收第二个参数中使用分解对象法取出emit就可以在setup方法中随意使用了。