+
80
-

vue2与vue3有哪些不同?

vue

请问vue2与vue3有哪些不同?作为初学者,我应该学哪一个?

网友回复

+
0
-

不同点有以下:

1.项目目录结构 vue-cli2.0与3.0在目录结构方面,有明显的不同 vue-cli3.0移除了配置文件目录,config 和 build 文件夹 同时移除了 static 静态文件夹,新增了 public 文件夹,打开层级目录还会发现, index.html 移动到 public 中 2.配置项 3.0 config文件已经被移除,但是多了.env.production和env.development文件,除了文件位置,实际配置起来和2.0没什么不同 没了config文件,跨域需要配置域名时,从config/index.js 挪到了vue.config.js中,配置方法不变 3.渲染 Vue2.x使用的Virtual Dom实现的渲染 Vue3.0不论是原生的html标签还是vue组件,他们都会通过h函数来判断,如果是原生html标签,在运行时直接通过Virtual Dom来直接渲染,同样如果是组件会直接生成组件代码 4.数据监听 Vue2.x大家都知道使用的是es5的object.defineproperties中getter和setter实现的,而vue3.0的版本,是基于Proxy进行监听的,其实基于proxy监听就是所谓的lazy by default,什么意思呢,就是只要你用到了才会监听,可以理解为‘按需监听’,官方给出的诠释是:速度加倍,同时内存占用还减半。 5.按需引入 Vue2.x中new出的实例对象,所有的东西都在这个vue对象上,这样其实无论你用到还是没用到,都会跑一变。而vue3.0中可以用ES module imports按需引入,如:keep-alive内置组件、v-model指令,等等。

我知道答案,我要回答