一.MVVM
Model-View-ViewModel缩写
Model：代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑
View：代表UI组件，负责将数据模型转化成UI展现出来
ViewModel：监听模型数据的改变和控制视图行为，处理用户交互。也可理解为一个同步View和Model的对象，连接Model和View
二.Vue的生命周期
beforeCreate（创建前）：在数据观测和初始化事件还未开始
created（创建后）：完成数据观测，属性和方法的运算，初始化事件， $el 属性还没显示出来
beforeMount（载入前）：在挂载开始前被调用，相关的 render 函数首次被调用。实例已完成以下的配置：编译模板，把data里的数据和模板生成html，此时还没有挂载到页面上
Mounted（载入后）：在el被新创建的 vm.$el 替换并挂载到实例上去之后调用。实例已完成以下配置：用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程进行ajax交互
beforeUpdate（更新前）：在数据更新之前调用，发生在虚拟DOM重新渲染和打补丁之前。可以在该钩子中进一步更改状态，不会触发附加的重渲染过程
updated（更新后）：在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。调用时，组件DOM已经更新，所以可以执行依赖于DOM的操作。应避免在此期间更改状态，可能会导致更新无限循环。该钩子在服务器端渲染期间不被调用
beforeDestroy（销毁前）：实例销毁前调用。实例仍可使用
扫描二维码关注公众号，回复：
3701919 查看本文章
destroyed（销毁后）：在实例销毁后调用。调用后，所有事件监听器会被移除，所有子实例也会被销毁。该钩子在服务器端渲染期间不被调用