vue01-介绍

作者	日期	说明
雨中星辰	2018-02-07

vue是什么？

vue（读音/vju:/,类似于view）是一套用于用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计为可以自底层向上逐层应用。Vue的核心库只关心视图层，不仅易于上手，还便于与第三方或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。

渐进式框架

Progressive，说明vue.js的轻量，是指一个前端项目可以使用vue.js一两个特性也可以整个项目都用vue.js。

自底层向上逐层应用

作为渐进式框架要实现的目标就是方便项目增量开发。

vue的环境要求

Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript的浏览器。

vue能干什么？

声明式渲染

Vue.js的核心是一个允许采用简洁的模板来声明式地将数据渲染进DOM的系统。

比如：使用Vue.js的差值表达式放在Dom的任一地方，差值表达式的值将被渲染在Dom中。

条件与循环

Dom中可以使用Vue.js提供的v-if、v-for等标签，方便对数据进行判断、循环

双向数据绑定

Vue提供v-model指令，它可以轻松实现Dom元素和数据对象之间双向绑定，即修改Dom元素中的值会自动修改绑定的数据对象，修改数据绑定对象的值自动修改Dom元素中的值。

处理用户输入

为了让用户和你的应用进行交互，我们可以用v-on指令添加一个时间监听器，通过它调用在Vue实例中定义的方法。

组件化应用构建

Vue.js可以定义一个一个的组件，在Vue页面中引用组件，这个功能非常适合构建大型应用。

vue与jquery的对比。

什么是MVVM模式？

Vue.js是一个MVVM的框架，理解VMVM有利于学习Vue.js。

• MVVM拆分解释为：
  • Model : 负责数据存储
  • View : 负责页面展示
  • View Model ：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示
• MVVM要解决的问题是将业务逻辑代码与视图代码进行完全分离，使各自的职责更加清晰，后期代码维护更加简单。
• 用图解的形式分析Ajax请求回来数据后直接操作Dom来达到视图的更新的缺点，以及使用MVVM模式是如何来解决这个缺点的。

• Vue中的MVVM

  
  image.png