當我們開發vue項目時，經常會使用computed來對數據進行計算或篩選等操作。而computed是一個響應式的屬性，即當依賴的屬性發生變化時，computed會自動更新。但是，有時候我們需要手動觸發computed，例如在用戶操作后需要更新視圖顯示結果等場景。

手動觸發computed有兩種方法，第一種是直接修改依賴屬性，第二種是使用$forceUpdate()方法。

對于第一種方法，我們可以通過直接修改依賴屬性來強制computed進行更新，示例代碼如下：

<template>
<div>
<p>計算屬性num1：{{ num1 }}</p>
<p>計算屬性num2：{{ num2 }}</p>
<button @click="changeNum">修改num1</button>
</div>
</template>
<script>
export default {
data() {
return {
num1: 0,
num2: 0
};
},
computed: {
calculateNum2() {
return this.num1 * 2;
}
},
methods: {
changeNum() {
this.num1 += 1;  // 強制更新計算屬性
}
}
};
</script>

在上述代碼中，我們定義了兩個屬性num1和num2，并通過num1計算得出num2。當點擊“修改num1”按鈕時，會將num1加1，從而強制更新計算屬性calculateNum2。

對于第二種方法，我們可以使用vue提供的$forceUpdate()方法來強制更新視圖，示例代碼如下：

<template>
<div>
<p>計算屬性num1：{{ num1 }}</p>
<p>計算屬性num2：{{ num2 }}</p>
<button @click="updateComputed">更新計算屬性</button>
</div>
</template>
<script>
export default {
data() {
return {
num1: 0,
num2: 0
};
},
computed: {
calculateNum2() {
return this.num1 * 2;
}
},
methods: {
updateComputed() {
this.$forceUpdate();  // 強制更新視圖
}
}
};
</script>

在上述代碼中，我們同樣定義了兩個屬性num1和num2，以及一個計算屬性calculateNum2。當點擊“更新計算屬性”按鈕時，會通過$forceUpdate()強制更新計算屬性，從而更新視圖。

需要注意的是，使用$forceUpdate()方法會強制更新視圖，而不是計算屬性。因此，如果需要更新計算屬性，建議使用第一種方法。

以上就是關于vue手動觸發computed的介紹，希望對大家有所幫助。