vue的生命周期就是一个vue组件或实例从出生到销毁的过程
(一般使用computed居多)
可以直接使用computed即可
beforeDestroy 生命周期销毁之前
应用场景:关掉定时器、状态初始化
destroyed 生命周期销毁之后
Vue实例销毁后,数据就不能添加
一般来说用的最多的是created和mounted。
在new 了vue之后 一开始进行beforecreate,这时数据还没有初始化。可以去做一个loading动画,然后进入created 这时数据已经初始化(data的方法已经有了),此时可以请求数据。请求数据一般用created,在执行中看有没有el属性,有的话就走el,可以把根节点挂载上。没有的话就直接看vm身上有没有$mount,如果两个都没有,(缺少挂载点),生命就结束了。如果有挂载点就看看有没有template属性,有的话就把挂载点的值替换掉,没有的话找根节点的innerHTML。接着进入beforeMount,这时字符串,模板都已经编译好还没有进入页面,此时进入mounted状态,Dom就有了。当更改数据时候,数据是更新了,但试图不一定能一一映射,这时候就使用nextTick直接拿到DOM,不用依依映射。当数据变化就到了beforeUpdate和updated,这两个一个是更新前一个是更新后,一般用computed居多。然后就到了beforeDestroy和destroy,像路由切换就用destroyed,没有路由时候,人为手动触发,有路由,切换路由时候,上一个组件触发。