Vue的绑定样式

使用:class绑定样式

:class绑定样式时，对象的属性名是类选择器的名字，属性返回true，表示添加该选择器

对象绑定

数组绑定

:style绑定样式时，对象的属性名是css样式的名称，属性值是具体的样式

过滤器

创建过滤器

 filters: {

}

     <!-- 过滤通过管道符 | ，其实就是调用方法再把值传进去 -->

     <!-- 过滤器可以链式调用，就是之前已经过滤完成的结果继续传给下一个过滤 -->

创建全局过滤器

计算属性

   // 计算属性的优势，有缓存，当页面数据发生变化时，所有的方法会重新调用

            // 当计算属性用到的数据发生变化时，计算属性才会重新执行

计算属性写在：
computed: {

},

里，

数据的侦听

 watch:{

                // 根据属性的名称，定义一个方法用于侦听该属性的变化

                // 这个方法会传两个参数，第一个是新值第二个是旧值

                name(nval,oval){

                    console.log(nval,oval);

                },

                // 侦听对象需要深度侦听

                students:{

                    // 开启深度侦听

                    deep:true,

                    // 页面加载完成时，先运行一次（注意这种情况下 oval是undefind）

                    immediate:true,

                    // 定义监视函数

                    handler(nval,oval){

                        // 开启深度监听后旧值就没有意义了

                        // 对象的属性值已经改了，就没有旧的属性值

                        console.log(nval,oval);

                    }

                }

            },