vue中methods与computed,filters,watch的区别

methods:methods属性里面的方法会在数据发生变化的时候你,只要引用了此里面分方法,方法就会自动执行。这个属性没有依赖缓存。

computed属性,是一个计算属性,该属性里面的方法名相当于data属性里面的key,他可以作为key值使用,该属性里面的方法必须要有return返回值,这个返回值就是(value值)。computed属性是有依赖缓存的。for-example:

 computed:{
            //这里的sum可以单独作为一个key值
            sum(){
                return this.xing + this.ming
            }
        }

computed计算属性的反向计算。
filters属性,是过滤器属性,在vue2.0以后取消了vue本身自带的过滤器,但是我们可以通过自定义过滤器来实现相应的功能。改属性里面的方法需要有一个参数,这个参数是我们在运用过滤器的时候的数据,通过各过滤器方法的返回值,就是我们在页面上实际渲染的东西。

 filters:{
            //{{xing | hell}}参数v就是xing的值
            hell (v) { 
                console.log(v);
                return 'hello';
            }
        }

watch属性,是监听属性。这个监听的是data属性里面的数据,当这个数据发生变化时,将自动执行这个函数。

watch:{
            xing(){
                console.log("aaa")
            }
        }

你可能感兴趣的:(vue中methods与computed,filters,watch的区别)