10742

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

<h1 id="自我总结">08.28自我总结

<h1 id="vue中methodscomputedfilterswatch的总结">vue中methods,computed,filters,watch的总结

<h2 id="一.methods">一.methods</h2>

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

<h2 id="二.computed">二.computed</h2>

计算属性该属性里面的方法必须要有return返回值,这个返回值就是(value值)。

有几个关键点

<ul><li>1) 计算后属性不需要在data中重复定义</li> <li>2) 计算后属性必须渲染后,绑定的方法才会生效这里指就是定义后的变量名在上面html中显示</li> <li>3) 计算后属性绑定的方法中的任意变量值更新,方法都会被调用比如说方法中一个变量A,变量A变了函数会重新调用</li> <li>4) 计算后属性为只读属性(不可写)计算后属性为只读属性</li> </ul><h2 id="三.filters">三.filters</h2>

过滤器属性,与methods中定义的一个方法使用方法差不多

<h2 id="四.watch">四.watch</h2>

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

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

注意点

<ul><li>1) 监听绑定的属性,该属性可以get、set</li> <li>) 监听的属性一旦发生值更新,绑定的方法就会被调用</li> <li>监听的属性是已定于的属性必须在data中定义</li> </ul>

来源:博客园

作者:小小咸鱼YwY

链接:https://www.cnblogs.com/pythonywy/p/11426123.html

Recommend