标签：vue computed watch methods filters 过滤器 属性 undefined

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

标签：vue,computed,watch,methods,filters,过滤器,属性,undefined
来源： https://www.cnblogs.com/webSnow/p/15660392.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。