相信有很多这样的兄弟，学了 Vue3 的各种 API和新特性 ，但公司项目依然使用的是 Vue2 ，也不知道自己的水平能否上手 Vue3 项目。今天就把实战过程中遇到的十个场景分享给大家。

本文主要对Vue2和Vue3主要功能做了详细的对比，为了直观的感受，文章采用选项式Api，组合式Api，setup语法糖三种不同方式分别展现

vue3组件通信和vue2的通信方式基本一致，只是存在写法上的差异props/emitsetup函数接收两个参数，props和context(上下文，其中有一个emit)用法展示refvue2.x是通

5、组件中同时存在两种写法时，当setup返回值中定义的方法和methods中的方法同名时，会抛出错误。 computed包装后的值，需要用 .value去取值，template中不需要使用.value。 一个不带 name 的 出口会带有隐含的名字“default”。

本文所分享的是关于 vue 3.x 在用法上的改变，而不是在代码实现上的不同。 虽然 vue2 到 vue3 的实现大改，但在用法上变化基本不大，比较明显的一个变化就是添加了 setup(){} 函数了，几乎所有的配置变成了以函数的方式进行定义。即使是这样，但小改动还是很多的。…