概览
一、新特性
1、组合式API---setup
2、ref创建响应式数据
二、差异
1、v-if和v-for的优先级
2、生命周期
3、$listeners被移除
4、this
详情
一、vue3新特性
1、组合式API---setup
在vue2中：生命周期、methods、data等只能定义一次，并把相关的变量、方法等集中写在一处地方，这导致我们在代码编写及维护的过程中，不可避免的要反复横跳来查找对应的变量、方法等，这种碎片化的编码方式既不利于理解，也不利于维护
在vue3中：setup是一个接收 props 和 content 的函数，允许我们在其内部通过API的方式（如：onMounted(getUserRepositories) // 在 `mounted` 时调用 `getUserRepositories`）多次使用一个相同的生命周期等。
2、ref创建响应式数据
在vue2中：响应式数据的创建必须是写在 data 中的，在vue内部通过Object.defineproperty() 方法 以及 重写Array的方法来达到数据响应式的目的，这种方式是“主动”的，无论此变量有没有改变都会在vue初始化时设置为响应式（效率差，支持性差：你经常会用到$set这个方法）
在vue3中：通过 ref 函数实现数据响应式（vue3中数据响应式的实现是通过proxy代理的方式，这种方式是“被动”的，只有当你去访问改变变量时，才会被处理为响应式数据，并且不需要对数组、对象等进行特殊处理，它是“一视同仁的”，还支持 Set 等较新的数据类型）
二、区别
1、v-if和v-for的优先级
在vue2中：当v-if和v-for同时使用时，v-for的优先级高于v-if（因此我们通常需要计算属性先对数据进行加工处理，以达到性能优化的目的）
在vue3中：当v-if和v-for同时使用时，v-if的优先级高于v-for
2、生命周期
vue2 vue3
beforeCreate setup()
created setup()
beforeMount onBeforeMount
mounted onMounted
beforeUpdate onBeforeUpdate
updated onUpdated
beforeDestory onBeforeUnmount
destoryed onUnmounted
3、$listeners被移除
vue2中：使用$attrs访问传递给组件的属性，使用$listeners访问传递给组件的事件（需要结合inheritAttrs:false）。
vue3中：虚拟dom中，事件监听器仅仅是以on为前缀的属性
4、this
vue2中：无时无刻都要使用this
vue3中：因为setup函数的存在，所有的props、data等都不需要用this进行访问（vue3对vue2绝大多数是兼容的，如果你用了vue2相关的东西，那你还是需要像vue2一样书写）
