vue生命周期
beforeCreate | 实例初始化前 | 无法访问到data中的数据和methods中的方法 |
created | 实例初始化后 | 可以访问到data中的数据和methods中的方法 |
beforeMount | 实例挂载前 | 页面呈现的是未经vue编译的dom结构,对dom的操作不奏效 |
mounted | 实例挂载后 | 页面呈现的是经过vue编译的dom结构,对dom的操作奏效 |
beforeUpdate | 数据更新前 | 此时数据是新的,页面是旧的,页面和数据不同步 |
updated | 数据更新后 | 此时数据是新的,页面是新的,页面和数据同步 |
beforeDestroy | 实例销毁前 | data、methods、指令等都处于可用状态(但不在起效果),在此阶段会解绑自定义事件 |
destroyed | 实例销毁后 | - |
vm.$destroy() | 完全销毁一个实例,清理它与其它实例的连接,解绑它的全部指令及事件监听器 |
路由生命周期
activated | 路由组件被激活时 |
activated | 路由组件失活时 |