在Vue中，compute方法是一種非常有用的方法。它用于計(jì)算數(shù)據(jù)在模板中的值。使用它可以方便地將數(shù)據(jù)轉(zhuǎn)換成我們想要的形式。

要使用compute方法，我們需要在Vue實(shí)例中定義一個(gè)computed屬性。

var vm = new Vue({
data: {
message: 'Hello'
},
computed: {
// 計(jì)算屬性的 getter
reversedMessage: function () {
// `this` 指向 vm 實(shí)例
return this.message.split('').reverse().join('')
}
}
})

在上面的示例中，我們定義了一個(gè)computed屬性reversedMessage，它使用message的值進(jìn)行計(jì)算。當(dāng)我們更新message的值時(shí)，reversedMessage也會(huì)自動(dòng)更新。

另外，我們可以在computed屬性中定義一個(gè)setter函數(shù)，用于監(jiān)聽(tīng)computed屬性的變化。

var vm = new Vue({
data: {
firstName: 'foo',
lastName: 'bar'
},
computed: {
fullName: {
// getter
get: function () {
return this.firstName + ' ' + this.lastName
},
// setter
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
})

在上面的示例中，我們定義了一個(gè)computed屬性fullName，它由firstName和lastName的值拼接而成。當(dāng)我們更新fullName的值時(shí)，setter函數(shù)會(huì)自動(dòng)更新firstName和lastName的值。

綜上所述，compute方法是Vue中的一個(gè)非常實(shí)用的功能，它能夠方便地計(jì)算數(shù)據(jù)在模板中的值，同時(shí)也能夠監(jiān)聽(tīng)computed屬性的變化。