vue 概述 #

Vue （读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

vue 的特点 #

• 核心只关注视图层 (view)
• 易学，轻量，灵活的特点
• 适用于移动端项目
• 渐进式框架

渐进式的理解 #

• 声明式渲染（无需关心如何实现）
• 组件系统
• 客户端路由 (vue-router)
• 大规模状态管理 (vuex)
• 构建工具 (vue-cli)

vue 的两个核心点 #

• 响应的数据变化 当数据发生改变 ->视图的自动更新
• 组合的视图组件 ui 页面映射为组件树 划分组件可维护、可复用、可测试

mvvm 模式 #

Vue.js 的数据驱动是通过 MVVM 这种框架来实现的，MVVM 框架主要包含三部分：Model,View,ViewMode

• Model: 指的是数据部分，对应到前端就是 JavaScript 对象。

• View: 指的就是视图部分

• ViewModel: 就是连接视图与数据的中间件（中间桥梁）

数据 (Model) 和视图 (View) 是不能直接通讯的，而是需要通过 ViewModel 来实现双方的通讯。当数据 (Model) 变化的时候，ViewModel 能够监听到这种变化，并及时通知 View 视图做出修改。同样的，当页面有事件触发的时候，ViewModel 也能够监听到事件，并通知数据 (Model) 进行响应。所以 ViewModel 就相当于一个观察者，监控着双方的动作，并及时通知对方进行相应的操作。