組件數(shù)據(jù)調(diào)用相關(guān)問題：組件里面無法調(diào)用實例中的數(shù)據(jù)。

為了解決這個問題我們直接在組件內(nèi)部收集數(shù)據(jù)

當(dāng)你在組件內(nèi)部寫data:{}的時候，發(fā)現(xiàn)報錯了。提示它必須是一個函數(shù)并且需要返回一個實例也就是對象。

那么我們就這么寫data(){ return{message:'我是這么用的'}?}

別看data（）是個函數(shù)，但在理解它的存在的時候，我們需要把它看成java中的類

我們每引用同一個組件時，就會分配不同的內(nèi)存，也就是說這些對象互不干涉

<cpn></cpn>

<template id="test">

<h2>當(dāng)前計數(shù)為：{{count}}</h2>

<button @click="increase"></button>

<button @click="decrease"></button>

</template>

Vue.component('cpn',{

template:'#test',

data(){

return {count:0}

},

methods:{

increase(){

this.count++;

},

decrease(){

this.count--;

}

}

})

效果如圖：