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' 生命周期钩子