最近做了一個低體溫的項目,其中有個需求,需要根據分值的不同展示不同的內容,剛開始寫了4個html,然后用v-if判斷,滿足條件就顯示,當時就感覺html很長,但是屬于一種可以用的狀態,俗話說,當你的項目以一種意想不到的方式跑起來,那就不是bug,而是特性。
后來,由于需要頻繁改動,而且改動就得重新打包很麻煩,并且,客戶要求在高危中也要顯示中危和低危的內容,如果依然用html顯示,那么html的長度將會達到一個恐怖的長度,所以使用后端獲取措施的數據。
剛開始的想法是用監聽watch,判斷zongfenNum的值,首先,獲取到措施的數據,然后頁面渲染的時候不要用它,而是用另一個數組,監聽num的值后,分別判斷顯示的內容,當然html使用的是v-for。雖然有點啰嗦,需要關聯三個數據,watch,保存的數據,渲染的數據。
后來,我再修改其他部分的時候,要求ai幫忙優化代碼,隨后ai修改代碼為了以下的情況:大家可以看到,ai使用的不是watch的監聽,而是使用了計算屬性computed,直接return了我們需要的數據。

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

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