计算属性和侦听器— Vue.js | vue watch用法
您在浏览的是v2.x及更早版本的文档。v3.x的文档在这里[1]。计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:
您在浏览的是 v2.x 及更早版本的文档。v3.x 的文档在这里[1]。
模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中的多处包含此翻转字符串时,就会更加难以处理。 所以,对于任何复杂逻辑,你都应当使用计算属性。 结果: Original message: "{{ message }}" Computed reversed message: "{{ reversedMessage }}" 这里我们声明了一个计算属性 reversedMessage。我们提供的函数将用作 property vm.reversedMes...