过滤器||watch侦听器||计算属性computed

过滤器的注意点

1、要定义到filters节点下,本质上是一个函数
2、在过滤器函数中,一定要有return值
3、在过滤器的形参中,就可以获取到“管道符”前面待处理的那个值
4、如果全局过滤器和私有过滤器名字一致,此时按照就近原则,调用的是私有过滤器

watch侦听器

侦听器的格式

1、方法格式的侦听器
*缺点1:无法在刚进入页面的时候,自动触发!!!
*缺点2:如果侦听的是一个对象,如果对象中的属性发生了变化,不会触发侦听器。
2、对象格式的侦听器
*好处1:可以通过 immediate选项,让侦听器自动触发!
*好处2:可以通过deep选项,让侦听器深度监听对象中每个属性的变化

//开启深度监听,只要对象中任何一个属性变化了,都会触发“对象的侦听器”
deep:true

如果watch侦听的是一个对象,如果对象中的属性值发生了变化,则无法被监听到,此时需要使用deep选项。

计算属性computed

什么是计算属性

计算属性指的是通过一系列运算之后,最终得到一个属性值
这个动态计算出来的属性值可以被模板结构或methods方法使用。

computed和watch的一些简单理解

在computed中定义的每一个计算属性,都会被缓存起来,只有当计算属性里面依赖的一个或多个属性变化了,才会重新计算当前计算属性的值。
watch是属性监听器,一般用来监听属性的变化(也可以用来监听计算属性函数)并做一些逻辑
watch 一般就用来一个数据来影响多个数据的操作,或者比如说是用来监听 input 然后进行一些即时搜索操作什么的
大概总结一下,computed 和 watch 的使用场景并不一样,computed 的话是通过几个数据的变化”来影响一个数据,而 watch,则是可以一个数据的变化,去影响多个数据。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容