組件模板應該只包含簡單的表達式，復雜的表達式則應該重構為計算屬性或方法。 復雜表達式會讓你的模板變得不那么聲明式。我們應該盡量描述應該出現的*是什么*，而非*如何*計算那個值。而且計算屬性和方法使得代碼可以重用。 ``` //反例 {{ 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(' ') } } ```