首页 > 其他分享 >Vue3.0相对Vue2的优势

Vue3.0相对Vue2的优势

时间:2023-01-04 10:33:13浏览次数:40  
标签:Vue2 vue3 Vue3.0 优势 数组 使用 节点

1.组合式API逻辑更加分明,Vue2需要使用的数据要在data、method等里面分开写,不是一个整体。现在可以将需要使用的数据和方法放在一起写,或者通过写hook函数进行区分。

 

 2.vue3重写了数据双向绑定,使用了ES6的proxy。vue2使用的是defineProperty进行数据劫持,缺陷是对数组数据不友好,需要对数组的原生方法进行重写,并且监听不到对数组的长度。

3.vue3优化VDOM,使用patch flag做了静态标记,对于静态的dom不再进行比对,只追踪动态变量,不会去做全量的对比,性能上有很大的提升

 

4.fragment可以使用多个根节点,不再限制于只有一个根节点,原理是增加虚拟节点,但是不会渲染这些虚拟节点

5.新增suspense和teleport和多v-model用法

6.tree shaking减少不必要的引入,可以减少打包体积

 

 7.增加组合式api语法糖<script setup>

标签:Vue2,vue3,Vue3.0,优势,数组,使用,节点
From: https://www.cnblogs.com/LylePark/p/17024171.html

相关文章

  • 主流直播系统的分类及优势对比
    主流直播系统的分类及优势对比前言随着信息化的逐步发展,网络链路在不断升级。目前移动端的5G网络基本全面覆盖,上下行网络带宽从以前的3G、4G有了进一步的跨越。中......
  • vue2 lodash函数27 节流的函数、防抖的函数、操作数组的一系列函数、操作对象的一
    App.vue<keep-aliveinclude="Home"><router-view/></keep-alive>routerindex.jsimportVuefrom'vue'importVueRouterfrom'vue-router'importH......
  • vue3.0的全局api变化
    1.全局api使用的变化:vue3已经去除Vue语法,取代的是用createApp创建的app  2.其他改变2.1data函数的变化,在vue3data必须是一个函数,否则报错     2.2过......
  • vue3.0新组件
    1.fragment1.1解释和意义   1.2使用:没有特定的标签,直接不使用根标签即可2.teleport(传送)1.1解释和意义:不管嵌套多少层都可以直接进行组件传送1.2使用:t......
  • vue2 vant的定制主题26
    main.js//导入安装vant组件库importVantfrom'vant';//为了覆盖默认的less变量,需要把css后缀名改为lessimport'vant/lib/index.less';Vue.use(Vant);vue......
  • vue3和vue2对比
    compostionapi:组合api/注入api(3合成型apiCompositionAPI|2选项型apiOptionsAPI)双向数据绑定、响应式原理api的改变this在vue3中与vue2中代表着完成不一样的东西......
  • vue2修改数组/对象的值后,页面视图不更新的解决方法
    1.对象刷新:通过使用vue.$set方法,实现动态添加/修改对象属性语法:vue.$set(对象名,键名,值)Vue.$set(this.postForm,'set_last_buyday','属性值')//第一种写法用vue.$sett......
  • 同是弹性公网IP,华为云弹性公网IP的优势有哪些?​
    随着企业数字化转型升级的加速,业务云化成为了一种趋势。但由于业务周期不稳,企业业务时多时少等情况,企业对于服务器、用网等的弹性需求也更为明显。基于对企业这一需求的洞察......
  • vue2 项目25
    app.js:<template><divid="app"><router-view></router-view></div></template><stylelang="less">body,html{margin:0;padding:0;height......
  • vue3.0使用总结
    1、ref与reactiveref通常用于声明基础类型响应式数据。ref返回的是被包装过的响应式对象,在setup中访问和修改ref需要使用.value属性reactive用于声明复杂类型响应式......