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

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

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

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

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

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