vue 给标签添加data属性_vue之data属性
在new Vue()的時候，是可以給data直接賦值為一個對象的。
但是在組件中，data必須是一個函數,注冊組件其實并不產生新的組件類，但會產生一個可以用來實例化的新方式。
因為可能在多處調用同一組件，所以為了不讓多處的組件共享同一data對象，只能返回函數
data屬性的三種寫法及區別：var app=new Vue({
el:'#ap',
data:{
isLogin: false
}
})
var app=new Vue({
el:'#ap',
data: function(){
return {
isLogin: false
}
}
})
var app=new Vue({
el:'#ap',
data() {
return {
isLogin: false
}
}
})
兩個實例：1.用function return 其實就相當于申明了新的變量，相互獨立
點擊的次數{{counter}}
Vue.component('my-btn', {
template: '#myBtn',
data() {
return {
counter: 0
}
}
})
new Vue({
// el: '#app',
}).$mount('#app')
2.如果不用function return 每個組件的data都是內存的同一個地址let data2，那一個數據改變其他也改變了，
點擊的次數{{counter}}
let data2 = {
counter:0
}
Vue.component('my-btn2', {
template: '#myBtn2',
data() {
return data2;
}
})
new Vue({
// el: '#app2',
}).$mount('#app2');
總結
以上是生活随笔為你收集整理的vue 给标签添加data属性_vue之data属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python错误代码40035_Pyth
- 下一篇： android java设置颜色_jav