Vue mounted 生命周期钩子

实例

一旦安装了组件，就使用生命周期钩子 mounted 将光标放在输入字段中。

<script>
export default {
   mounted() {
       this.$refs.inpName.focus();
   }
}
</script>

定义与用法

mounted 生命周期钩子发生在 Vue 组件安装到 DOM 树之后。

因为组件是初始化的，所以我们可以访问组件实例内部的属性，如 data 或 computed 的属性，但我们不能访问组件 DOM 元素，因为它们是在 mounted 钩子之前才创建的。

关联页面

Vue 教程: Vue 生命周期钩子

Vue 教程: mounted 钩子

Vue 参考引用: mounted 钩子