zoukankan      html  css  js  c++  java
  • vue2.0和vue3.0的区别

    1、vue2使用Object.defineProperty方法实现响应式数据,vue3使用proxy实现响应式数据

    Object.defineProperty的缺点:

      无法检测到对象属性的动态添加和删除

      无法检测到数组的下标和length属性的变更

    解决方法:

      vue2提供Vue.$set动态给对象添加属性

      Vue.$delete动态删除对象属性

      重写数组的方法,检测数组变更

    proxy的缺点:

      es6的proxy不支持低版本浏览器(IE11)

      会针对IE11出一个特殊版本进行支持

    proxy的有点:

      可以坚持到代理对象属性的动态新增和删除

      可以监测到数组的下标和length属性的变化

    2、vue3新特性:

      ①:数据响应重新实现(ES6的proxy代替ES5的Object.defineProperty)

      ②:源码使用ts重写,更好的类型推导

      ③:虚拟DOM新算法(更快、更小)

      ④:提供了composition api,为更好的逻辑复用与代码组织

      ⑤:自定义渲染器(app、小程序、游戏开发)

      ⑥:Fragment,模板可以有多个根元素

  • 相关阅读:
    Flink开发_Flink中的函数接口
    Netty简介
    java NIO简单了解
    Kafka发送消息流程
    Kafka高性能的原理
    Hbase表设计
    Hbase的读写过程
    Hbase各组件职责
    什么是java的深浅拷贝?
    Flink问题1
  • 原文地址:https://www.cnblogs.com/chao202426/p/14658257.html
Copyright © 2011-2022 走看看