介绍 官网 github Vue.js 是一套构建用户界面(UI)的渐进式 JavaScript 框架 库和框架的区别 库: ?> 库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者 jQuery：DOM 操作，即：封装 DOM 操作，简化 DOM 操作 框架: ?> 框架，是一套完整的解决方案，使用框架的时候，需要把你的代码放到框架合适的地方，框架会在合适的时机调用你的代码 框架规定了自己的编程方式，是一套完整的解决方案 使用框架的时候，由框架控制一切，我们只需要按照规则写代码 主要区别: !> 核心点：谁起到主导作用（控制反转）框架的侵入性很高（从头到尾） MVVM 和 MVC 的介绍: MVVM，一种更好的 UI 模式解决方案 MVVM ===> M / V / VM M：model 数据模型 V：view 视图 VM：ViewModel 视图模型 MVC 模型-视图-控制器 M: Model 数据模型（专门用来操作数据，数据的 CRUD） V：View 视图（对于前端来说，就是页面） C：Controller 控制器（是视图和数据模型沟通的桥梁，用于处理业务逻辑） MVVM 和 MVC 的优势对比 MVC 模式，将应用程序划分为三大部分，实现了职责分离 在前端中经常要通过 JS 代码 来进行一些逻辑操作，最终还要把这些逻辑操作的结果现在页面中。也就是需要频繁的操作 DOM MVVM 通过数据双向绑定让数据自动地双向同步 V（修改数据） -> M M（修改数据） -> V 数据是核心 Vue 这种 MVVM 模式的框架，不推荐开发人员手动操作 DOM Vue 中的 MVVM 虽然没有完全遵循 MVVM 模型，Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例 !> 学习 Vue 要转化思想 不要在想着怎么操作 DOM，而是想着如何操作数据！！！ 起步 - Hello Vue 安装：cnpm i -S vue {{ msg }}