vue中methods,computed,filters,watch的总结
08.28自我总结
vue中methods,computed,filters,watch的总结
一.methods
methods属性里面的方法会在数据发生变化的时候你,只要引用了此里面分方法,方法就会自动执行。这个属性没有依赖缓存
二.computed
计算属性该属性里面的方法必须要有return返回值,这个返回值就是(value值)。
有几个关键点
-
- 计算后属性不需要在data中重复定义
-
- 计算后属性必须渲染后,绑定的方法才会生效
这里指就是定义后的变量名在上面html中显示
- 计算后属性必须渲染后,绑定的方法才会生效
-
- 计算后属性绑定的方法中的任意变量值更新,方法都会被调用
比如说方法中一个变量A,变量A变了函数会重新调用
- 计算后属性绑定的方法中的任意变量值更新,方法都会被调用
-
- 计算后属性为只读属性(不可写)
计算后属性为只读属性
- 计算后属性为只读属性(不可写)
三.filters
是过滤器属性
,与methods中定义的一个方法使用方法差不多
四.watch
是监听属性。这个监听的是data属性里面的数据,当这个数据发生变化时,将自动执行这个函数。
watch:{
data中的变量(){
当data中变量发生的时候会执行这里的逻辑函数
}
}
注意点
-
- 监听绑定的对象,该属性可以get、set
-
) 监听的对象一旦发生值更新,绑定的方法就会被调用
-
监听的对象是已定于的属性
data中定义
或者全局中如$route
比较常用是路由传参反正就是this
能够通过.
出来的属性