前端技能树,面试复习第 50 天—— Vue3.0 基础 | Vue3 有什么更新 | Composition API

1. Vue3.0 有什么更新

(1)监测机制的改变

  • 3.0 将带来 基于代理 Proxy 的 observer 实现,提供全语言覆盖的反应性跟踪。
  • 消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制:

(2)只能监测属性,不能监测对象

  • 检测属性的添加和删除;
  • 检测数组索引和长度的变更;
  • 支持 Map、Set、WeakMap 和 WeakSet

(3)模板

  • 作用域插槽,2.x 的机制导致作用域插槽变了,父组件会重新渲染,而 3.0 把作用域插槽改成了函数的方式,这样只会影响子组件的重新渲染,提升了渲染的性能。
  • 同时,对于 render 函数的方面,vue3.0 也会进行一系列更改来方便习惯 直接使用 api 来生成 vdom

(4)对象式的组件声明方式

  • vue2.x 中的组件是通过声明的方式传入一系列 option,和 TypeScript 的结合需要通过一些装饰器的方式来做,虽然能实现功能,但是比较麻烦。
  • 3.0 修改

猜你喜欢

转载自blog.csdn.net/ImagineCode/article/details/126081547