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

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

vue 計算屬性

當我們想要根據一端業務代碼的執行結果來返回屬性的值，就可以使用計算屬性computed了,

計算屬性是一個有結果的函數,有get方法和set方法，get方法，必須有返回值必須有返回值

計算屬性的set/get方法:

vue實例的簡單方法

vm 是創建的vue實例對象的名字

vm.$el -> 就是元素

vm.$data -> 就是data

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

舉個例子:

等同于:

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

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

vm.$destroy -> 銷毀對象

vm.$log(); -> 查看現在數據的狀態

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