失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue30和vue20写法区别 – CSS – 前端 定时触发css3动画

vue30和vue20写法区别 – CSS – 前端 定时触发css3动画

时间:2020-06-10 03:23:41

相关推荐

vue30和vue20写法区别 – CSS – 前端 定时触发css3动画

Vue3.0和Vue2.0的区别

1默认进行懒观察(lazy observation)。

在 2.x 版本里,不管数据多大,都会在一开始就为其创建观察者。当数据很大时,这可能会在页面载入时造成明显的性能压力。3.x 版本,只会对「被用于渲染初始可见部分的数据」创建观察者,而且 3.x 的观察者更高效。

2更精准的变更通知。

比例来说:2.x 版本中,使用 Vue.set 来给对象新增一个属性时,这个对象的所有 watcher 都会重新运行;3.x 版本中,只有依赖那个属性的 watcher 才会重新运行。

3.0 新加入了 TypeScript 以及 PWA 的支持

3部分命令发生了变化:

下载安装 npm install -g vue@cli

删除了vue list

创建项目 vue create

启动项目 npm run serve

4默认项目目录结构也发生了变化:

移除了配置文件目录,config 和 build 文件夹

移除了 static 文件夹,新增 public 文件夹,并且 index.html 移动到 public 中

在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件

如果觉得《vue30和vue20写法区别 – CSS – 前端 定时触发css3动画》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。