生命周期
生命周期是一个组件从创建——>运行——>销毁的整个阶段,强调一个时间段
生命周期函数
是由vue框架提供的内置函数,会伴随着组件的生命周期自动按次序执行
组件创建阶段(创建前,创建后,渲染前,渲染后)
- befoCreate之前:props,data,method都不可用
- created:可用数据(在这个阶段发起ajax请求拿数据,不能操作DOM)
- befoMout:将要把内存中编译好的HTML结构渲染到浏览器中,还没有当前组件的DOM结构(不能操作DOM)
- mounted:已经把内存中的HTML结构成功的渲染到了浏览器内存之中,此时浏览器中已
包含了当前组件的DOM结构(DOM结构已渲染成功,组件已创建完成)
组件运行阶段(更改前—>更改后)
- 要得到最新的dom元素,必须在updated函数里面操作元素
组件销毁阶段(销毁前/销毁后)