vue过滤器 和_vue中methods与computed，filters，watch的区

vue过滤器 和_vue中methods与computed，filters，watch的区别

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

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

computed:{undefined

//这里的sum可以单独作为一个key值

sum(){undefined

return this.xing + this.ming

}

}

computed计算属性的反向计算。

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

filters:{undefined

//{undefined{xing | hell}}参数v就是xing的值

hell (v) {undefined

console.log(v);

return 'hello';

}

}

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

watch:{undefined

xing(){undefined

console.log("aaa")

}

}
————————————————
版权声明：本文为CSDN博主「weixin_39886956」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_39886956/article/details/111790015