vue的内置指令

vue是我们前端非常重要的一部分，随着这几年使用vue技术的公司越来越多，足以证明vue确实是非常好用的前端框架，竟然这么火的vue，那我们可不能马虎。

vue是一个渐进式的框架，渐进式就是循环渐进的一个过程，能当成库来使用，也可以当成框架来进行项目的构建。

我们主要拿vue当成框架来用，可以完成一整个大型应用的开发，库就简单些，提供便利，完成某些功能。

那么就会问了，jQuery就是我们以前常用的库，它和vue有什么本质上的区别呢，一是写法上的不一样，其次就是思想上的完全不一样。jQuery是操作dom来实现某些功能，效率偏低。vue的思想是形成一个虚拟的dom树，通过diff算法，如果发生改变，就构建真是的dom，没有改变，就不去管了。vue关注的是虚拟的dom，就是关注数据层即可。

vue在使用的时候，{{ }} 尖括号里面可以放字符串，number，boolean，array，object这些类型，要注意前后的空格不能省略。还能写间的运算，例如1+1，三元表达式，true？“abc”：“xyz”，undefined和null在查知表达式中不会显示。

在vue中内置指令是以v-开头的。

v-pre：阻止当前页面对当前元素的所有内容进行渲染，首先页面自己进行渲染，vue接管后会对vue模块部分重新渲染；

v-bind：响应并更新DOM特性；例如：v-bind:href v-bind:class v-bind:title 等等主要用法是绑定属性，动态更新HTML元素上的属性；

v-on：用于监听DOM事件； 例如：v-on:click v-on:keyup

v-model：数据双向绑定；用于表单输入等；例如：< input v-model= “message”>，用来在input、select、text、checkbox、radio等表单控件元素上创建双向数据绑定的。

v-show：条件渲染指令，为DOM设置css的style属性

v-if：条件渲染指令，动态在DOM内添加或删除DOM元素

v-else：条件渲染指令，必须跟v-if成对使用

v-else-if：判断多层条件，必须跟v-if成对使用；

v-text：更新元素的textContent；例如： 等同于 < span>{{msg}} </ span>；

v-html：更新元素的innerHTML；会把标签名也带上。