vue2和vue3的区别?

Posted 水香木鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2和vue3的区别?相关的知识,希望对你有一定的参考价值。

总结:
1. vue2和vue3双向数据绑定原理发生了改变

vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。

vue3 中使用了 es6 的 ProxyAPI 对数据代理。

    相比于vue2.x,使用proxy的优势如下

        defineProperty只能监听某个属性,不能对全对象监听
        可以省去for in、闭包等内容来提升效率(直接绑定整个对象即可)
        可以监听数组,不用再去单独的对数组做特异性操作 vue3.x可以检测到数组内部数据的变化

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

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


3. 更精准的变更通知。

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

4.部分命令发生了变化:

    下载安装 npm install -g vue@cli
    删除了vue list
    创建项目 vue create
    启动项目 npm run serve

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

    移除了配置文件目录,config 和 build 文件夹 移除了 static 文件夹,新增 public 文件夹,并且 index.html 移动到 public 中 在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件

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

7.vue2和vue3组件发送改变
 

以上是关于vue2和vue3的区别?的主要内容,如果未能解决你的问题,请参考以下文章

Vue2和Vue3的区别&&Vue3的组合式API

vue2和vue3的区别

vue2和vue3中路由的区别和写法?

带你体验Vue2和Vue3开发组件有什么区别

vue2和vue3的区别?

vue2和vue3的区别?