过滤器的注意点
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,则是可以一个数据的变化,去影响多个数据。