Vue mounted 生命周期挂钩


示例

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

<script>
export default {
	mounted() {
		this.$refs.inpName.focus();
	}
}
</script>
运行示例 »

定义和用法

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

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


相关页面

Vue教程:Vue 生命周期挂钩

Vue教程:“安装”挂钩

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