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