一、绑定样式：
1.绑定样式有两种方法： :class="" 和 :style=""
（1）、:class绑定样式：对象的属性名是类选择器名称，属性值返回true，表示添加选择器
绑定样式的三种写法：对象的写法、三元表达式写法和数组配合三元表达式的写法
对象的写法
三元表达式的写法
数组配合三元表达式的写法
（2）、:style绑定样式： 对象的属性名称是CSS样式的名称（要使用小驼峰式命名法），属性值是具体的样式值
二、计算属性：computed:{}用于定义计算属性
计算属性的优势：相较于methods:{}中定义的方法，计算属性有缓存。当页面的数据发生变化时，所有的方法都要重新执行一遍，而只有当计算属性用到的数据变化时，computed:{}中定义的计算属性才会重新执行。这样节省性能。
computed:{
这里面定义的是方法，计算属性默认情况下只能读，不能改
}
以下为完整解构的计算属性：
三、数据侦听器：watch:{}
在侦听对象的时候需要注意：因为对象是引用类型，所以在侦听对象的时候没有旧得属性值。
计算属性也有监听能力，当前计算属性里面用到数据发生变化时，会重新执行计算属性（本身就是一个监视的过程），只是计算属性必须要在模板中使用。
四、过滤器：filters:{}
通过管道符 | 调用过滤器，其实就是调用那个方法，将值传进去，再返回新的值。
管道符 | 前面的是数据 后面的是调用的过滤器的方法。
链式调用的时候要注意顺序。
五、全局和局部过滤器：
通过Vue.filter(id, [definition])可以定义全局过滤器
也可以在js文件中定义一个全局过滤器，然后引入这个js文件
<!-- 引入外部js，里面定义的是全局过滤器 -->
<script src="./filter/index.js"></script>
局部过滤器的优先级高于全局过滤器。
