最近做了一個(gè)低體溫的項(xiàng)目，其中有個(gè)需求，需要根據(jù)分值的不同展示不同的內(nèi)容，剛開(kāi)始寫(xiě)了4個(gè)html，然后用v-if判斷，滿足條件就顯示，當(dāng)時(shí)就感覺(jué)html很長(zhǎng)，但是屬于一種可以用的狀態(tài)，俗話說(shuō)，當(dāng)你的項(xiàng)目以一種意想不到的方式跑起來(lái)，那就不是bug，而是特性。
后來(lái)，由于需要頻繁改動(dòng)，而且改動(dòng)就得重新打包很麻煩，并且，客戶要求在高危中也要顯示中危和低危的內(nèi)容，如果依然用html顯示，那么html的長(zhǎng)度將會(huì)達(dá)到一個(gè)恐怖的長(zhǎng)度，所以使用后端獲取措施的數(shù)據(jù)。
剛開(kāi)始的想法是用監(jiān)聽(tīng)watch，判斷zongfenNum的值，首先，獲取到措施的數(shù)據(jù)，然后頁(yè)面渲染的時(shí)候不要用它，而是用另一個(gè)數(shù)組，監(jiān)聽(tīng)num的值后，分別判斷顯示的內(nèi)容，當(dāng)然html使用的是v-for。雖然有點(diǎn)啰嗦，需要關(guān)聯(lián)三個(gè)數(shù)據(jù)，watch，保存的數(shù)據(jù)，渲染的數(shù)據(jù)。
后來(lái)，我再修改其他部分的時(shí)候，要求ai幫忙優(yōu)化代碼，隨后ai修改代碼為了以下的情況：大家可以看到，ai使用的不是watch的監(jiān)聽(tīng)，而是使用了計(jì)算屬性computed，直接return了我們需要的數(shù)據(jù)。
computed是計(jì)算屬性，計(jì)算屬性也能夠在一定程度上代替watch和data的作用，這里直接幫忙省去了另一個(gè)渲染數(shù)據(jù)的字段，直接像使用data中的數(shù)據(jù)那樣使用computed即可，另外需要注意的是計(jì)算屬性是一個(gè)函數(shù)，并且一定要把內(nèi)容return出去。
這個(gè)用法是我沒(méi)考慮到的，所以記錄一下以后遇到可以直接使用computed。
