(一)計算屬性
我們想要在頁面下方統(tǒng)計全部數(shù)量,未完成數(shù)量以及已完成的數(shù)量,就要用到計算屬性complted,這個屬性的存在是因?yàn)樵谀0逯蟹湃胩嗟倪壿嫊屇0暹^重且難以維護(hù),
So...
返回全部數(shù)量很簡單,直接獲取list的長度就好了,

image.png
接下來是獲取完成數(shù)量的長度,利用了filter,filter這個函數(shù)就是要根據(jù)某個檢測函數(shù)去列表中篩選出符合檢測要求的結(jié)果,因?yàn)橐Y選done=true的長度(不要吐槽我的參數(shù)名....),所以我們就把未完成的 todo 篩選出來了

image.png
接著獲取未完成的長度,

image.png
這里用到了箭頭函數(shù),等價于
function(sa){
return sa.done
}
關(guān)于箭頭函數(shù)??梢钥聪铝窝┓謇蠋煹闹v解https://www.liaoxuefeng.com/wiki/1022910821149312/1031549578462080
(二)清空已完成
依舊用到了element的button組件,綁定一個函數(shù)

image.png
然后實(shí)現(xiàn)相應(yīng)綁定方法,

image.png
Bingo~~~~