vue中的属性方法computed与methods的区别
生活随笔
收集整理的這篇文章主要介紹了
vue中的属性方法computed与methods的区别
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
一、computed與methods的區(qū)別:
1.實質上computed計算屬性中定義的是屬性而不是函數(shù),所以使用時直接用{{xxx}},而不要使用{{xxx()}};——后面詳細說明
? ?而methods中定義的是函數(shù),因此使用時需要{{xxx()}}。
2.計算屬性computed被使用時會進行緩存,如果需要多次使用,則只需要調用1次;總結一下就是計算屬性是依賴于緩存的,屬性必須return。
? ?而methods中的函數(shù)無緩存,如果需要使用n次,則需要調用n次。
? ?相比較而言方法methods則消耗內存。
因此,需要多次使用時,推薦使用計算屬性computed。
二、為什么使用計算屬性computed時不用()
計算屬性的實質為屬性,其中定義了set()方法和get()方法:
而一般使用中不需要set方法,我們只需要get方法,因此計算屬性一般為“只讀屬性”。
去掉無用的set方法后,computed屬性簡寫為我們常見的方式:
因此,只是形式上看起來像函數(shù),實質上computed計算屬性是屬性。使用計算屬性時,直接使用{{fullName}},不要加()。
?
總結
以上是生活随笔為你收集整理的vue中的属性方法computed与methods的区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 今日头条——校招在线编程题《字典序》
- 下一篇: v-charts | 饿了么团队开源的基