2年前创建的Vue项目，随着时间流逝，代码量已经暴增到了将近上万个文件，但是工程化已经慢慢到了不可维护的状态，想给他来一次大换血，但是侵入式代码配置太多了，最终以一种妥协的方式引入了TS和组合式API

最近项目组重构一个大型项目，为了引领时尚潮流，做公司最靓的仔。项目前端组采用Vue3.0进行重构。 ​ 当然，他们没有强制要求使用Vue3.0，不习惯的依然采用Vue2.x的写法慢慢过渡。我个人喜欢追求新知识，所以我就一步到位了。Vue3.0的升级必然有许多亮点，之前也有大…

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

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。

composition-api方式下的数据管理，基于Hooks的写法也太香了😄 尤其适用于一些简单的项目

用 Compostion Api + Typescript 给老项目来点新料. 如果你本来就是 Typescript Vue2.x 项目, 则更加简单.

vue3目前已经发布了alpha版本，除了服务端渲染，其它工作已经全部完成。尤大大也升级了vue-loader，提供了一个可以使用.vue组件的测试模板。vue3最大的改变是加入了这个灵感来源于React Hook的Composition API（组成API），这个API将对v…

在Vue2项目上怎么使用CompositionAPI ？它们之间到底能擦出怎样的火花？Vue2如何平滑迁移到Vue3项目?

如果你是 Vue2 的迁移者、学习 Vue3 或者是准备面试的话，相信看完本文一定会有所收获，加油！