Vue

什么是 Vue

• Vue.js 是用于构建用户界面的渐进式框架，是目前最火的前端框架（Vue除了可以开发网页之外还可以开发手机，Vue也可以用于开发手机），Vue 被设计为可以自底向上逐层应用。
• Vue.js 前端的主流框架之一，和Angular.js Rect.js 一起并称为前端的三大主流框架容易上手。
• Vue.js 是一套用于构建用户界面的框架，只关注视图层，还便于与第三方库或所有既有项目的整合。

渐进式

所谓渐进式，就是按需分配，用多少，就引入多少，由开发者自行决定。

为什么要学习流行框架

• 企业为了开发效率
• 提供开发效率的发展历程
• 在 Vue 中一个最核心的概念，就是让用户不再操作DOM元素，解放了用户的双手，让程序员可以更多的关注业务逻辑
• 增强自己就业时的竞争能力
  • 人无我有，人有我优

框架和库的区别

• 框架：是一套完整的解决方案，对项目的侵入性较大，项目如果需要更换框架，需要重新架构整个项目
• 库：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换其他库完成需求

Node（后端）中的MVC与前端中的MVVM之间的区别

• MVC是后端的分层开发概念
  • M是Model层，V是View层，C是Controller层
• MVVM是前端视图层的概念，主要关注与视图层分离
  • M是Model层，V是View层，VM是ViewModel层
• 前端页面使用MVVM的思想，主要是为了让我们开发更加方便，因为MVVM提供了数据的双向绑定

框架理解

Vue.js 基本代码和MVVM之间的对应关系

// 导入 Vue 文件
<script type="javascript/text" src="vue.js"></script>
//创建一个 Vue 的实例
// 当我们导入包后，在浏览器的内存中，就多了一个Vue 的构造函数
// 我们 new 的这个对象就是 MVVM 中的 VM
// 我们控制的区域是 MVVM 中的 V
// MVC 中的 M 中的数据才是 MVVM 中的 M
<p id="app">{{msg}}</p>
//去掉提示信息
Vue.config.productionTip=false;
//vue实例被创建时，options对象属性会被添加到vue的响应系统中。所谓响应系统就是可以通过修改这些属性的值，让试图执行更新渲染。

//数据冻结,冻结数据对象
Object.freeze(object);
var vm = new Vue({
	el : '#app',       // 表示当前我们new的这个实例要控制页面上的哪个区域
	dada : {
		msg : '欢迎使用Vue'
	}
});

options对象

options对象就是创建实例时传入的对象

双向数据绑定

vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。