mounted

示例

使用 mounted 生命周期钩子在组件安装后立即将光标放入输入字段中。

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

定义和用法

mounted 生命周期钩子在 Vue 组件挂载到 DOM 树后发生。

因为组件已挂载，所以我们可以访问属于组件实例的属性，例如 data 或 computed，并且我们可以访问组件的 DOM 元素，因为它们 刚刚被挂载到 DOM 上。

相关页面

Vue 教程: Vue 生命周期钩子

Vue 教程: 'mounted' 钩子

Vue 参考: Vue 'beforeMount' 生命周期钩子