本文主要是介绍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学习-生命周期函数的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!