Vue實例的的data對象


  • 介紹

Vue的實例的數據對象data 我們已經用了很多了,數據綁定離不開data里面的數據。也是Vue的核心屬性。 它是Vue綁定數據到HTML標簽的數據源泉,另外Vue框架會自動監視data里面的數據變化,自動更新數據到HTML標簽上去。本質原理是:Vue會自動將data里面的數據進行遞歸抓換成getter和setter,然后就可以自動更新HTML標簽了,當然用getter和setter所以老的瀏覽器Vue支持的不夠好。

  • data對象的類型:

    • 類型是Object或者Function。
    • 如果是組件對象中,data必須是Function類型。
  • 實例

// 創建普通的Vue實例
1
2
3
var vm = new Vue({
   data: data
})
// 組件定義 
// Vue.extend() 中 data 必須是函數
1
2
3
4
5
6
var Component = Vue.extend({
  data: function () {
  //這里必須是函數!!!
    return { a: 1 }
  }
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM