Vue介绍和使用

　　一、Vue介绍

- Vue是一套构建用户界面的渐进式前端框架。
- 只关注视图层，并且非常容易学习，还可以很方便的与其它库或已有项目整合。
- 通过尽可能简单的API来实现响应数据的绑定和组合的视图组件。
- 特点
　　易用：在有HTMLCSSJavaScript的基础上，快速上手。
　　灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
　　性能：20kbmin+gzip运行大小、超快虚拟DOM、最省心的优化。

　　二、Vue常用指令

　　- 指令：是带有 v- 前缀的特殊属性，不同指令具有不同含义。例如 v-html，v-if，v-for。

　　- 使用指令时，通常编写在标签的属性上，值可以使用 JS 的表达式。

　　- 常用指令

　　文本插值：

v-html：把文本解析为 HTML 代码。

　　绑定属性：

v-bind：为 HTML 标签绑定属性值。

　　条件渲染：

v-if：条件性的渲染某元素，判定为真时渲染,否则不渲染。

v-else：条件性的渲染。

v-else-if：条件性的渲染。

v-show：根据条件展示某元素，区别在于切换的是display属性的值。

　　列表渲染：

v-for：列表渲染，遍历容器的元素或者对象的属性。

　　事件绑定：

v-on：为 HTML 标签绑定事件。

　　表单绑定：

v-model：在表单元素上创建双向数据绑定。