最近做了一個低體溫的項目，其中有個需求，需要根據(jù)分值的不同展示不同的內容，剛開始寫了4個html，然后用v-if判斷，滿足條件就顯示，當時就感覺html很長，但是屬于一種可以用的狀態(tài)，俗話說，當你的項目以一種意想不到的方式跑起來，那就不是bug，而是特性。

后來，由于需要頻繁改動，而且改動就得重新打包很麻煩，并且，客戶要求在高危中也要顯示中危和低危的內容，如果依然用html顯示，那么html的長度將會達到一個恐怖的長度，所以使用后端獲取措施的數(shù)據(jù)。

剛開始的想法是用監(jiān)聽watch，判斷zongfenNum的值，首先，獲取到措施的數(shù)據(jù)，然后頁面渲染的時候不要用它，而是用另一個數(shù)組，監(jiān)聽num的值后，分別判斷顯示的內容，當然html使用的是v-for。雖然有點啰嗦，需要關聯(lián)三個數(shù)據(jù)，watch，保存的數(shù)據(jù)，渲染的數(shù)據(jù)。

后來，我再修改其他部分的時候，要求ai幫忙優(yōu)化代碼，隨后ai修改代碼為了以下的情況：大家可以看到，ai使用的不是watch的監(jiān)聽，而是使用了計算屬性computed，直接return了我們需要的數(shù)據(jù)。

computed是計算屬性，計算屬性也能夠在一定程度上代替watch和data的作用，這里直接幫忙省去了另一個渲染數(shù)據(jù)的字段，直接像使用data中的數(shù)據(jù)那樣使用computed即可，另外需要注意的是計算屬性是一個函數(shù)，并且一定要把內容return出去。

    這個用法是我沒考慮到的，所以記錄一下以后遇到可以直接使用computed。