简介

有没有小伙伴跟笔者一样vue3项目做了好几个了,但是一直没有去总结vue3的新特性呢?
今天笔者通过对比vue2来总结vue3新特性,希望可以让你们在回顾vue2知识点的时候还能学习vue3新的知识。相信你认真看完一定会有收获。

新插件

正所谓工欲善其事,必先利其器。在讲解vue3新特性之前,笔者先来介绍几个插件。这样会大大提高我们的开发效率和体验。

Volar

使用vscode开发vue2项目的小伙伴肯定都认识Vetur这个神级插件。但是在vue3中这个插件就显得捉襟见肘了,比如vue3的多片段这个插件就会报错。
这个时候就需要使用Volar,Volar可以理解为Vue3版本的Vetur,代码高亮,语法提示,基本上Vetur有的它都有。

Vue 3 Snippets

在vue2中我们一直使用Vue 2 Snippets,在vue3我们推荐使用Vue 3 Snippets,因为它支持vue3的同时完全向前兼容vue2,所以小伙伴们赶快去升级吧。

Vue.js devtools beta

vue2版本的chrome devtools不再支持vue3,vue3我们需要单独下载Vue.js devtools beta。(下载devtools是需要梯子的哦,如果没有可以联系笔者)。
在下载Vue.js devtools beta之前,我们需要先卸载vue2版本的Vue.js devtools,不然会有警告。

兼容性

vue3固然好用但是我们还是不能盲目追求新东西,在使用vue3开发之前我们需清楚的知道它的兼容性。
vue2 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
vue3 不支持 IE11 及以下版本。

上次更新:
作者: ganfengchi