vue中methods,computed，filters,watch的总结

08.28自我总结

vue中methods,computed，filters,watch的总结

一.methods

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

二.computed

计算属性该属性里面的方法必需要有return返回值，这个返回值就是（value值）。

有几个关键点

• 1) 计算后属性不须要在data中重复定义
• 2) 计算后属性必须渲染后，绑定的方法才会生效这里指就是定义后的变量名在上面html中显示
• 3) 计算后属性绑定的方法中的任意变量值更新，方法都会被调用好比说方法中一个变量A,变量A变了函数会从新调用
• 4) 计算后属性为只读属性(不可写)计算后属性为只读属性

三.filters

是过滤器属性，与methods中定义的一个方法使用方法差很少

四.watch

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

watch:{
        data中的变量(){
        当data中变量发生的时候会执行这里的逻辑函数
        }
       }

注意点

• 1) 监听绑定的对象，该属性能够get、set

• ) 监听的对象一旦发生值更新，绑定的方法就会被调用

• 监听的对象是已定于的属性data中定义或者全局中如$route比较经常使用是路由传参反正就是this可以经过.出来的属性