Vue 'mounted' 生命週期鉤子
示例
使用 mounted
生命週期鉤子,在元件掛載完成後立即將游標置於輸入欄位內。
<script>
export default {
mounted() {
this.$refs.inpName.focus();
}
}
</script>
執行示例 »
定義和用法
當 Vue 元件掛載到 DOM 樹之後,會觸發 mounted
生命週期鉤子。
由於元件已掛載,我們可以訪問屬於元件例項的屬性,例如 data
或 computed
,並且我們可以訪問元件的 DOM 元素,因為它們剛剛被掛載到 DOM。
相關頁面
Vue 教程:Vue 生命週期鉤子
Vue 教程:'mounted' 鉤子
Vue 參考:Vue 'beforeMount' 生命週期鉤子