vue中的methods与computed之间的不同

2024-11-08 16:06:41

1、在vue中methods和computed的作用都为相等的,但是运行原理却不同,那么我们来看一下为何原理不同,我们进行证实。

vue中的methods与computed之间的不同

3、之后我们先后分别创建methods和computed属性都写一个函数,分别为:reversedMessage() && reversedSttend() 在这里面我们分别都写上反转字符串的效果

vue中的methods与computed之间的不同

4、之后我们在标签中进行中渲染,我们可以看到第一个是计算属性(computed) 第二个是methods属性 在computed属性中调用函数可以不加() 而methods则是必须要加上的 否则会报出错误

vue中的methods与computed之间的不同

6、总结:computed计算属性的缓存原理在我们处理大量数据的时候使用可以大大提高效率,不必在数据没有发生改变的时候重新获取数据的值,可直接获取到结果,并且只执行绑定依赖的方法。methods里方法在依赖的值改变后,只有设置触发才会重新执行methods里相关的方法。

猜你喜欢