vue3
原创
1. vue3 和 vue2生命周期对比
vue3 | vue2 |
|---|---|
setup() 开始创建组件 | beforeCreate() + created() |
onBeforeMount() 组件挂载到页面之前 | beforeMount() |
onMounted() 组件挂载到页面之后 | Mounted() |
onBeforeUpdate() 组件更新之前 | beforeUpdate() |
onUpdated() 组件更新之后 | updated() |
onBeforeUnmount() 组件卸载之前 | beforeDestroy() |
onUnmount() 组件卸载之前 | destroyed() |
<keep-alive></keep-alive>使用时，增加的生命周期 | |
onActivated() | activated() |
onDeactivated() | deactivated() |
注: 钩子函数必须写在setup() 里面，vue3生命周期都先于对应的vue2生命周期执行。
2. vue3里面的setup() <=> vue2里面的data() + methods()
3. vue3为什么使用proxy?
1. Object.defineProperty的缺点
- 深度监听需要一次性递归
- 无法监听新增属性/删除属性（Vue.set Vue.delete）
- 无法原生监听数组，需要特殊处理
2. Proxy实现响应式
- 深度监听性能更好
- 可监听新增/删除的属性
- 可监听数组变化
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
作者已关闭评论
推荐阅读
目录
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号