vue的生命周期

1.介绍

作者：尤雨溪

Vue：数据驱动 渐进式框架 基于MVVM软件设计模式

React：开发大型项目最严谨的框架（学习成本高，使用于中高级前端开发工程师）

Anagle：适用于大型项目，项目开发较为沉重，不够灵活

1. MVVM

Vue.js根据这种模式设计出来的

M：model数据模型

V：view视图层

VM：View-Model视图模型

1. Vue的生命周期

Vue实例从创建、挂载、更新、销毁的过程叫做veu的生命周期

钩子函数：方便去操作当前阶段的Vue实例

//初始化构建阶段：

beforeCreated：vue 实例初始化完成之前，完成了vue事件、属性的初始化，但是访问不到vue实例 中的data、methods

created：vue实力初始化完成，可以访问实力内部的数据和方法

//挂在阶段：

beforeMount：完成了模板的解析，但是数据没有绑定到模板上

mounted：vm.$el虚拟dom 替换 el Dom，完成了数据绑定/dom树渲染

//更新阶段：

beforeUpdate：数据以及修改，虚拟dom也构建完毕，但是没有渲染到页面上

updated：更新过后的虚拟dom节点，成功渲染到页面上

//销毁阶段：

beforeDestroy：vue实例销毁之前还是可以访问到vue实例

destroyed：vue实例上绑定的事件、监听器、子组件销毁完毕，访问不到vue实例了