Vue生命周期钩子和 计算属性与侦听器

生命周期钩子

概念图
Vue生命周期钩子和 计算属性与侦听器_第1张图片
生命周期
Vue实例从创建到销毁的过程,就是生命周期。
Vue 组件的生命周期分为四个阶段,每个阶段有两个生命钩子,注意前后钩子。

  1. 创建阶段:主要用于组件创建时,获取数据设置组件。 beforeCreate组件实例刚被创建,组件属性data、el等还未生成
    created(能够访问创建成功的组件实例,但不能访问 模板,el 或 DOM)
  2. 挂载阶段:主要用于访问组件 DOM beforeMount在挂载开始之前被调用,完成了 el 和 data 初始化
    mounted(能够访问组件模板,模板挂载完毕,el 被新创建的 vm.$el 替换)
  3. 更新阶段:数据变化,组件重新渲染。 beforeUpdate(能够访问组件更新后的数据,但无法访问 DOM) updated(能够访问
    DOM)
  4. 销毁阶段:(用于销毁组件,做清理工作) beforeDestory(销毁前还能访问组件实例)
    destoryed销毁完毕,销毁实例,清理实例连接,解绑它的全部指令及事件监听器,并不会清除data的数据或者清除dom
	
                    
                    

你可能感兴趣的:(Vue生命周期钩子和,计算属性与侦听器)