企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
组件模板应该只包含简单的表达式,复杂的表达式则应该重构为计算属性或方法。 复杂表达式会让你的模板变得不那么声明式。我们应该尽量描述应该出现的*是什么*,而非*如何*计算那个值。而且计算属性和方法使得代码可以重用。 ``` //反例 {{ fullName.split(' ').map(function (word) { return word[0].toUpperCase() + word.slice(1) }).join(' ') }} ``` ``` //好例子 // 在模板中 {{ normalizedFullName }} // 复杂表达式已经移入一个计算属性 computed: { normalizedFullName: function () { return this.fullName.split(' ').map(function (word) { return word[0].toUpperCase() + word.slice(1) }).join(' ') } } ```