初入 Vue 的世界 Say Hello

Vue为什么这么火

我们都知道完整的网页是由DOM组合与嵌套形成的最基本的视图机构，再加上CSS样式的修饰，使用JS接收用的交互请求，通过事件机制来响应用户交互操作而形成的，把最基本的视图结构拿出来，称为视图层，视图层就是Vue核心库关注的部分，因为一些页面元素非常多，结构庞大的网页如果使用传统开发的方式，数据和视图会全部混合在HTML中，处理起来非常困难，并且结构之间还存在依赖或依存关系，会导致出现很多问题。

JQuery可以说是极大的简化了js开发人员遍历、HTML文档、操作DOM、事件处理等操作。

可能开始的页面元素不多，有时会需要一层层的向上寻找父级元素。$('#xxx').parent().parent(),但后期修改页面结构，代码可能会变得臃肿，随着产品的升级速度越来越快，我们修改就会变得非常频繁。原本轻巧简洁的Jquery代码，在产品需求面前就变得啰嗦冗余了。

Vue的诞生就是为了解决这些问题

Vue实例

每个Vue应用都应该通过Vue函数创建一个新的实例

const vm = new Vue(
el: '.XX',
data:{
//字面量方式呈现
}
);

vm：(ViewModel的缩写)，这个变量名表示Vue实例。
el：声明挂载点，vm实例只会在此作用域中生效，Vue的挂载点不可以是body元素。
data：声明挂载点(el)中的数据对象。

Vue与MVVM

MVVM：视图层-视图模型层-模型层，是一种开发模式。
视图层：View可以理解为HTML页面。
模型层：Model是负责处理业务逻辑和服务的进行交互的。
视图模型层：ViewModel也即是Vue起到的作用，主要是View层和Model层之间的通信桥梁。

MVVM支持双向数据绑定，数据和视图是可以相互影响的