computed (计算属性) 和 methods (方法) 的区别:

computed (计算属性) 和 methods (方法) 的区别:

我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。

也就是说:

函数执行需要 数据属性里面的 message 值作为参数。

● 如果使用 methods 执行函数,vue 每次都要重新执行一次函数,不管message 的值是否有变化;

● 如果使用computed 执行函数,只有当message 这个最初的数据发生变化时,函数才会被执行。(依赖-监测数据变化)

发布了28 篇原创文章 · 获赞 7 · 访问量 1196

猜你喜欢

转载自blog.csdn.net/haduwi/article/details/104950311