vue3.0系列一：升级、语法

1, 使用脚手架升级命令：

vue add vue-next。自动更新vuex，vue-router依赖包到最新的版本。被弃用语法错误提示。部分内容被自动修改。

若使用webpack，需手动升级各个依赖包，更改语法。

新增 ：@vue/compiler-sfc

弃用：vue-template-compiler

2, 特色功能

• Performance：通过Proxy实现双向响应式绑定，相比defineProperty的遍历属性的方式效率更高，性能更好，另外Virtual DOM更新只diff动态部分、事件缓存等，也带来了性能上的提升
• Tree-Shaking Support：相比2.x导入整个Vue对象，3.x支持按需导入，只打包需要的代码
• Composition API：组合式API，面向函数编程
• Fragment、Teleport、Suspense：“碎片”，Teleport即Protal传送门，“悬念”，参考了React的设计
• Better Typescript support：2.x设计之初没有考虑到类型推导，导致适配ts比较困难，3.x移除了this对象，利用了天然对类型友好的普通变量与函数，对TypeScript支持更好
• Custom Render API：提供了自定义渲染API

作者：j2ime
链接：https://juejin.im/post/6867114456762679309
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。