生命周期
描述
beforeCreate(创建前)
组件实例被创建之初,组件的属性生效之前。
created(创建后)
组件实例已经完全创建,属性也绑定,但真实 DOM 还没有生成,$el 还不可用。
beforeMount(载入前)
在挂载开始之前被调用,相关的 render 函数首次被调用。
mounted(载入后)
el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。
beforeUpdate(更新前)
组件数据更新之前调用,发生在虚拟 DOM 打补丁之前。
update(更新后)
组件数据更新之后。
beforeDestory(销毁前)
实例销毁前调用,实例仍然可用。
destoryed(销毁后)
实例销毁之后调用,Vue 实例指示的所有东西都会解绑,所有事件监听器和所有子实例都会被移除。
示例图