本文主要是介绍vue3学习-生命周期函数,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
选项式API | 组合式API |
---|---|
beforeCreate/created | setup |
beforeMount | onbeforeMount |
mounted | onMounted |
beforeUpdate | onBeforeUpdate |
updated | onUpdated |
beforeUnmount | onBeforeUnmount |
unmounted | onUnmounted |
<script setup>
//生命周期的使用
//1.引入函数
import { onMounted } from 'vue';
//
onMounted(()=>{console.log('组件挂载完毕mounted执行了');
})
</script>
生命周期函数是可以执行多次的,多次执行时传入的回调会在时机成熟时依次执行
onMounted(()=>{
console.log('mount1')
})
onMounted(()=>{
console.log('mount2')
)}
这篇关于vue3学习-生命周期函数的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!