vue---生命周期

80 阅读1分钟

生命周期

组件它创建到销毁的过程的函数叫做生命周期(钩子函数),自动执行,过时不候

1 挂载阶段的生命周期 (如果组件不销毁,就执行一次)

// 创建前触发
	  beforeCreate(){}  //组件还没有被创建,所以不能够使用组件内部东西,不能够拿到组件的数据和方法
// 创建后触发
	  created(){}  能调用内部的数据和方法 (等待着渲染) ajax
// 挂载前触发
	  beforeMount(){}    也还没有渲染到页面上 还没有渲染到页面上 diff
// 挂载后触发    真实dom节点  渲染完成  ajax
		mountd(){}    // 获dom,获取元素,初始化swiper 

2 更新阶段的生命周期 (初始化的不执行,数据更新的时候执行 (自父组件更新都执行)) 更新阶段的生命周期 ,更受限必须要 渲染过真实DOM, 必须要值完挂载阶段的声明周期 , 当你修改的时候 购物车总价,邮费自动算的 可以使用 beforeUpdate(){} 更新前触发 updated(){} 更新后触发 更新阶段有瑕疵,没有办法针对的监听某个值,从而任意值改变都执行,耗费性能

3 卸载阶段的生命周期 (销毁的时候执行) 作用就清除计时器 注销时间 beforeDestroy() { console.log('销毁前 -- beforeDestroy') }, destroyed() { clearInterval(this.timer) }