這篇文章主要講解了詳解vue實例的選項，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

創(chuàng)新新互聯(lián)，憑借10多年的網(wǎng)站設計、成都做網(wǎng)站經(jīng)驗，本著真心·誠心服務的企業(yè)理念服務于成都中小企業(yè)設計網(wǎng)站有近1000家案例。做網(wǎng)站建設，選創(chuàng)新互聯(lián)建站。

一、數(shù)據(jù)

API：https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE

1. data

類型：Object | Function

限制：組件的定義只接受 function

詳細：Vue 實例的數(shù)據(jù)對象。Vue 將會遞歸將 data 的屬性轉(zhuǎn)換為 getter/setter，從而讓 data 的屬性能夠響應數(shù)據(jù)變化。對象必須是純粹的對象 (含有零個或多個的 key/value 對)。當一個組件被定義，data 必須聲明為返回一個初始數(shù)據(jù)對象的函數(shù)，因為組件可能被用來創(chuàng)建多個實例。如果 data 仍然是一個純粹的對象，則所有的實例將共享引用同一個數(shù)據(jù)對象！通過提供 data 函數(shù)，每次創(chuàng)建一個新實例后，我們能夠調(diào)用 data 函數(shù)，從而返回初始數(shù)據(jù)的一個全新副本數(shù)據(jù)對象。

var data = { a: 1 }

// 直接創(chuàng)建一個實例
var vm = new Vue({
 data: data
})
vm.a // => 1
vm.$data === data // => true

// Vue.extend() 中 data 必須是函數(shù)
var Component = Vue.extend({
 data: function () {
  return { a: 1 }
 }
})

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

標題名稱：詳解vue實例的選項-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/djdcpd.html