总结Vue2和Vue3的区别(让你马上读懂 理解到位)

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文件,跨域需要配置域名时
摘要由CSDN通过智能技术生成

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

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值