(这张图是整个vue的生命周期过程)
生命周期函数(钩子函数):在特定的阶段,能够自动执行的函数,总共分为 8 个阶段:创建前/后,载入前/后,更新前/后,销毁前/后
beforeCreate阶段: vue...,当路由还没有进去时,判断是否正确进去,若不正确则可以重定向到指定的页面
想要在实例化数据之前做什么事情,都可以在这个钩子函数里设置
created阶段: vue实例的数据对象data有了,el还没有,...$nextTick来访问DOM
应用场景: 需要异步请求数据的方法可以在此时执行,完成数据的初始化(Ajax请求放在这个阶段也是可以的)
挂载时
beforeMount: 在挂载开始之前被调用,相关的render...,在变化的数据重新渲染视图之前会触发,这也是重新渲染之前最后修改数据的机会 可以在当前阶段进行更改数据,不会造成重渲染
updated: 监测到data发生变化,并完成渲染更新视图之后触发,虚拟 DOM...,解绑事件
在当前阶段实例完全可以被使用,我们可以在时进行善后收尾工作,比如:清除计时器
destoryed阶段: 实例销毁后调用,调用后所有事件监听器会被移除,所有的子实例都会被销毁,当前阶段组件被拆解