vue 3.0与vue 2.0的区别

本文介绍Vue CLI 3.0相较于2.0的主要变化,包括项目目录结构调整、配置项更新、增加mock设置、引入可视化界面、性能提升、启动方式变更及虚拟DOM优化。

1、项目目录不同的了

​  vue-cli3.0移除了config文件夹,
  多了vue.config.js文件,
  新增了一个views文件夹 ,
  删除了static新增了public文件夹,
  index.html移动到public了

2、配置项不同

  vue-cli2.0的域名配置,分为开发环境和生产环境,
  所以配置域名时,需要在config中的dev.env.js和
  prod.env.js中分别配置3.0 config文件已经被移除,
  但是多了.env.production和env.development文件,
  除了文件位置,实际配置起来和2.0没什么不同
3. vue-cli 3.0多了mock的设置,mock是模拟数据,
    mockjs拦截ajax请求,所以不需要可以删掉
4、vue-cli 3.0增加了可视化的界面

5、创建项目的方式不一样

   vue-cli2.0   vue init webpack 项目名
   vue-cli3.0  vue create项目名

6、性能提升了

7、启动项目方式不一样了

   vue 2.0     npm run dev
   vue 3.0     npm run serve

8、重写虚拟dom 随着虚拟 DOM 重写,减少 运行时(runtime)开销。重写将包括更有效的代码来创建虚拟节点

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值