- 响应式系统的重构,使用proxy替换Object.defineProperty属性,优势:
- Proxy可直接监听 对象
添加/删除
属性;
- Proxy直接监听 数组的变化
- Proxy监听的目标是对象本身,不需要像Object.defineProperty那样遍历每个属性,有一定的性能提升
- 新增
组合式API
(Composition API),更好的逻辑重用和代码组织:
- setup配置
- ref与reactive
- watch与watchEffect
- provide与inject
- 重构虚拟 DOM, diff算法
- 生命周期更名
- beforeDestroy改名为 beforeUnmount
- destroyed改名为 unmounted
// Vue3.0也提供了 Composition API 形式的生命周期钩子,与Vue2.x中钩子对应关系如下:
beforeCreate ===> setup()
created ===> setup()
beforeMount ===> onBeforeMount
mounted ===> onMounted
beforeUpdate ===> onBeforeUpdate
updated ===> onUpdated
beforeUnmount===> onBeforeUnmount
unmounted ===> onUnmounted