生命周期的意义
- 允许使用者在程序的不同阶段,做不同的业务
- vue是采用组件开发模式来进行项目开发–在vue开发中,所有的功能等都是组件化(每一个组件可以想象成一个积木的模块),然后通过组件来进行业务拼凑(使用积木的模块来构建一个好看的实体)
- 可以更大化的实现代码的复用–提高项目开发效率,提升项目的可维护性
- 组件是一个功能高内聚(组件的特性都应该有,比如按钮,可以有点击效果,用户可点击,也可以不让用户点击的功能),业务低耦合(用户点击了按钮要做什么事情)的一个模块
- 那么每一个组件都有被展示出来,然后可能又被销毁–如果把组件设计为一个实例,那么
组件就有从创建到销毁的一个过程
,那么这个过程就是生命周期
- 那么每一个组件都有被展示出来,然后可能又被销毁–如果把组件设计为一个实例,那么
生命周期的阶段划分:
- 划分为四个阶段:创建,挂载,更新,卸载/销毁
- 每一个阶段都分为之前之后,共8个生命周期
- beforeCreate(){} 创建前-----几乎不用,没有具体业务执行,所以vue3取消了这个生命周期;
- created(){} 创建后 ----表示vue组件实例对象构造完成,也就是数据已经绑定到vm层上;一个重要的生命周期,数据已经完成初始化,但是没有完成实例挂载
- beforeMount(){} 挂载之前 ----无用的生命周期
- mounted(){} 挂载后—已经完成挂载,那么页面渲染已经完成,所以赋值会导致二次渲染
- beforeUpdate(){} 更新前—更新是指页面更新,不是数据更新,但是数据更新会触发页面更新
- 问:那么数据更新也就是会触发更新生命周期,对不对?