Vue3 - daniel-qa/Vue GitHub Wiki

Vue3

生命週期鉤子 Lifecycle Hook

階段 鉤子名稱 描述
創建階段 onBeforeMount 組件掛載前執行。
onMounted 組件掛載後執行。
更新階段 onBeforeUpdate 組件更新前執行。
onUpdated 組件更新後執行。
銷毀階段 onBeforeUnmount 組件銷毀前執行。
onUnmounted 組件銷毀後執行。
錯誤處理階段 onErrorCaptured 捕獲子組件中的錯誤，當錯誤發生時觸發。

onMounted()

<script setup>
import { ref, onMounted } from 'vue';

const myInput = ref(null);

onMounted(() => {
  // myInput 是對 template 中 <input> 元素的引用
  myInput.value.focus();  // 聚焦到輸入框
});
</script>
⚠️ **GitHub.com Fallback** ⚠️