你知道什么時(shí)候用Vue計(jì)算屬性?怎么使用計(jì)算屬性?下面本篇文章帶大家了解一下Vue計(jì)算屬性,介紹一下Vue計(jì)算屬性的基礎(chǔ)用法,希望對(duì)大家有所幫助。
計(jì)算屬性
有些時(shí)候,我們?cè)谀0逯蟹湃肓诉^(guò)多的邏輯,從而導(dǎo)致模板過(guò)重,且難以維護(hù)。例如:
<div id="app"> {{ message.split('').reverse().join('') }} </div>
碰到這樣的情況,我們必須看一段時(shí)間才能意識(shí)到,這里是想要顯示變量message的翻轉(zhuǎn)字符串,而且,一旦我們想要在模板中多次使用翻轉(zhuǎn)字符串時(shí),會(huì)更加麻煩。 所以,當(dāng)我們處理復(fù)雜邏輯時(shí),都應(yīng)該使用計(jì)算屬性?!?/p>