vue中的計算屬性的使用方法

在模板中表達(dá)式非常便利，但是它們實際上只用于簡單的操作。模板是為了描述視圖的結(jié)構(gòu)。在模板中放入太多的邏輯會讓模板過重且難以維護(hù)。這就是為什么 Vue.js 將綁定表達(dá)式限制為一個表達(dá)式。如果需要多于一個表達(dá)式的邏輯，應(yīng)當(dāng)使用計算屬性。本文主要介紹vue計算屬性的使用和vue實例的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，希望能幫助到大家。

vue 計算屬性

當(dāng)我們想要根據(jù)一端業(yè)務(wù)代碼的執(zhí)行結(jié)果來返回屬性的值，就可以使用計算屬性computed了,

計算屬性是一個有結(jié)果的函數(shù),有g(shù)et方法和set方法，get方法，必須有返回值必須有返回值

計算屬性的set/get方法:

vue實例的簡單方法

vm 是創(chuàng)建的vue實例對象的名字

vm.$el -> 就是元素

vm.$data -> 就是data

vm.$mount -> 將vue對象掛載在節(jié)點對象上

舉個例子:

等同于:

vm.$options -> 獲取自定義屬性,自定義方法

vue實例可以自定義屬性和方法，如果需要調(diào)用就需要$options調(diào)用,舉例如下:

vm.$destroy -> 銷毀對象

vm.$log(); -> 查看現(xiàn)在數(shù)據(jù)的狀態(tài)

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com