Vue 'mounted' 生命周期钩子
示例
使用 mounted 生命周期钩子在组件挂载到 DOM 树后立即将光标置于输入字段中。
<script>
export default {
mounted() {
this.$refs.inpName.focus();
}
}
</script>
定义和用法
当 Vue 组件挂载到 DOM 树后，就会发生 mounted 生命周期钩子。
由于组件已挂载，我们可以访问属于组件实例的属性，如 data 或 computed，并且由于它们刚刚挂载到 DOM，因此我们可以访问组件的 DOM 元素。
相关页面
Vue 教程：Vue 生命周期钩子
Vue 教程：'mounted' 钩子
Vue 参考：Vue 'beforeMount' 生命周期钩子
