Vue（一）指令语法

框架------------节省时间。
核心概念：通过数据驱动来进行界面的更新，无需操作DOM来更新界面。
Vue的两个核心概念：


MVVM设计模式



Vue中数据的单向传递，我们把“数据”交给“Vue实例对象”，Vue实例对象将数据交给“界面”。
Model====》View Model====》View

Vue中数据的双向绑定，只存在于input textarea select标签中。

v-cloak指令：让数据还没有渲染到页面之前，该区域不显示出来，直到数据成功渲染后，才显示出来。


插值{{}}的方式可以将指定的数据插入到指定的位置，不会解析HTML的字符串。
v-text会覆盖原来的内容，并且不会解析HTML。
v-html会覆盖原来的内容，并且会解析HTML。

v-if会频繁的删除和创建DOM元素，消耗性能。
v-show会一次性创建，仅仅是添加了display属性，为了性能，我们推荐使用v-show指令。
给元素的属性绑定数据：
如果要给元素标签的属性绑定数据，那么是不能使用插值表达式的。
虽然通过v-model可以将数据绑定到input标签的value属性上，但是v-model是有局限性的，v-model只能用于input、textare、select上面。但是在企业开发中，还需要给其他标签的属性绑定数据，所以有了v-bind。
v-bind指令的作用：




在利用v-bind指令绑定class属性的时候，需要绑定的那个class值需要用单引号括起来，单引号里面的值是在style里面定义的类名，没有用单引号括起来的变量是在Vue实例的data对象里面的数据。


class通过对象的方式来进行绑定，可以动态的绑定样式，可以按需绑定。
总结：v-bind是用来给元素的标签绑定属性的，只不过当用来绑定class属性的时候用法稍微复杂一点。





给元素绑定监听事件

v-on修饰符：

将修饰符写在事件名称的后面就可以了。



按键修饰符：

自定义指令
自定义指令可以分为自定义全局指令和自定义局部指令。





计算属性

计算属性和methods函数中的区别：
函数的特点：每次调用都会执行。
计算属性的特点：只要返回的结果没有发生变化，那么计算属性只会被执行一次。只要返回值没有变化，就只会执行一次。

过滤器

在vue中过滤器又分为全局过滤器和局部过滤器。
可被用于一些常见的文本格式化。





vue中的过渡动画