前端框架之 Vue

Vue.png

简述

Vue，目前最火的三大前端框架之一。是由Google前工程师尤开发的一个基于 MVVM 的渐进式前端框架。
1、实现数据与视图的分离
2、通过数据来驱动视图，开发者只需要关心数据变化，DOM操作被封装了。

Vue MVVM.png

重要概念及原理

• 生命周期
  beforeCreate、created、beforeMount、mounted、beforeUpdate、Updated、beforeDestroy、destroyed

  
  
  生命周期.png

• 双向绑定
  利用JS 对象 Object.defineProperty() 方法进行数据劫持, 重新定义 data 中变量的get()/set()方法.

• 依赖收集

• this.$nextTick()