最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

而當data選項是一個函數(shù)的時候，每個實例可以維護一份被返回對象的獨立的拷貝，這樣各個實例中的data不會相互影響，是獨立的。

 Vue.component('counter',{
  template:'#tmp1',
  data:function(){
   return {count:0}
  },
  methods:{
   increment(){
    this.count++
   }
  }
 })

  補充：下面看下vue組件中data必須是一個函數(shù)的原因

  vue組件中data值不能為對象，因為對象是引用類型，組件可能會被多個實例同時引用。如果data值為對象，將導致多個實例共享一個對象，其中一個組件改變data屬性值，其它實例也會受到影響。

上面解釋了data不能為對象的原因，這里我們簡單說下data為函數(shù)的原因。data為函數(shù)，通過return 返回對象的拷貝，致使每個實例都有自己獨立的對象，實例之間可以互不影響的改變data屬性值。

data為函數(shù)的示例：

data:function(){
  return {
      k1: 'v1',
      k2: 'v2',
    ...
  }
}

感謝各位的閱讀！關(guān)于“Vue組件中的data必須是一個function的原因是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！