計(jì)算屬性在Vue中使用得很廣泛,是Vue必不可缺少得一部分,我會(huì)帶大家循序漸進(jìn)得學(xué)習(xí)計(jì)算屬性,首先看個(gè)例子。
我們?cè)谑褂枚鄠€(gè)data數(shù)據(jù)是可以這樣寫,但如果我們需要10個(gè),甚至更多得字段屬性進(jìn)行展示,則需要些更多得拼接,這樣html代碼則可以太多了,但我們可以想個(gè)辦法將你需要得字段先拼接好,然后展示到頁(yè)面上。
首先一個(gè)方法,我們可以使用方法method,定義個(gè)方法,在方法里進(jìn)行拼接操作,請(qǐng)看下面得代碼。
我們定義個(gè)getFullName方法,在Vue內(nèi)將字段進(jìn)行操作,可以實(shí)現(xiàn)效果,但一般我們使用方法是實(shí)現(xiàn)功能得,這里使用方法則不合適,Vue中定義計(jì)算屬性來實(shí)現(xiàn),請(qǐng)看下面得代碼:
計(jì)算屬性使用 computed關(guān)鍵字,在computed中定義fullName方法,我們返回得時(shí)候可以把fullName當(dāng)做字段屬性進(jìn)行頁(yè)面得展示。一般情況下使用計(jì)算屬性更加得規(guī)范,而且字段屬性加載得時(shí)候只會(huì)加載一次,而使用method方法則每次都會(huì)調(diào)用,在性能方面也是使用計(jì)算屬性更好。
如果我有說得不好得地方,歡迎大家指正!