computed watch filter

computed

           计算属性

           当函数表达式比较长的时候或者比较复杂时候 我们可以使用computed计算属性

           步骤：

                1 首先在computed计算属性中 自定义方法名

                computed: {

                    自定义方法名() {

                        return 代码块

                    }

                }

                2 将自定义方法名直接当作data来使用

                {{自定义方法名}}

watch

            能够监听数据改变

                

            只有当监听的数据改变的时候，里边的函数才能触发

            第一种

                监听data数据

                    data(val, oldval) {

                        console.log(val, oldval)  // data的新值和老值

                    }

                监听数据执行某一个函数方法

                    data: 'methods中的方法名'

                立即执行immediate

                    data: {

                        handler(val,oldVal) {

                            // 执行代码块

                        },

                        immediate: true   // 组件加载完成立即先执行一遍 handler里边的代码

                        当data改变的时候 再次执行handler里边的代码

                    }

filter         

        过滤器

            如果有些时候 我们需要给数据进行特定方式绑定

            格式：

                1 在filters里边写上自定义方法名

                filters: {

                    // value就是 | 前边的值

                    自定义方法名(value) {

                        return 表达式

                    }

                }

                2 在{{}}中使用 | 自定义方法名来格式化数据

                {{data数据 | 自定义方法名}}