前言
希望本篇文章能帮你加深对 Vue 的理解,能信誓旦旦地说自己熟练Vue2/3。
内容混杂用法 + 原理 + 使用小心得,建议收藏,慢慢看。
区别
生命周期的变化
整体来看,变化不大,只是名字大部分需要 + on,功能上类似。使用上 Vue3 组合式 API 需要先引入;Vue2 选项 API 则可直接调用,如下所示。
// vue3
<script setup>
import { onMounted } from 'vue'
onMounted(() => {
...
})
// 可将不同的逻辑拆开成多个onMounted,依然按顺序执行,不被覆盖
onMounted(() => {
...
})
</script>
// vue2
<script>
export default {
mounted() {
...
},
}
</script>
常用生命周期表格如下所示。
Vue2.x Vue3
beforeCreate Not needed*
created Not needed*
beforeMount onBeforeMount
mounted onMounted
beforeUpdate onBeforeUpdate
updated onUpdated
beforeDestroy onBeforeUnmoun
【vue3】8 深对 Vue 的理解,能信誓旦旦地说自己熟练Vue2/3。
于 2022-07-18 17:28:54 首次发布
本文将带你深入探讨Vue3的精髓,从Vue2的基础出发,详细阐述Vue3的新特性、优化点以及迁移策略,助你自信掌握Vue2和Vue3。
摘要由CSDN通过智能技术生成