53Vue 元件的使用（data 必須是函式）

使用元件時，大多數選項可以被傳入到 vue 構造器中，有乙個例外：data必須是函式。 實際上，如果你這麼做：

vue.component('my-component', }',

data: 
})

html**：

var data = 

vue.component('******-counter', }',
// data 是乙個函式，因此 vue 不會警告，
// 但是我們為每乙個元件返回了同乙個物件引用
data: function () 
})new vue()

由於這三個元件共享了同乙個data， 因此增加乙個 counter 會影響所有元件！我們可以通過為每個元件返回新的 data 物件來解決這個問題：

data: function () 

}

Vue 元件中的data資料

1.元件可以有自己的 data 資料 2.元件的 data 和 例項的 data 有點不一樣,例項中的 data 可以為乙個物件,但是 元件中的 data 必須是乙個方法 3.元件中的 data 除了必須為乙個方法之外,這個方法內部,還必須返回乙個物件才行 4.元件中 的data 資料,使用方式,和...

Vue元件中的data必須是個函式

最近一直在學習vue，今天看到乙個知識點，感覺有必要記錄下，以免後面忘記。每個vue元件其實也可以看成時乙個vue例項，它也有生命週期，data，methods等。其中在vue元件中，data必須是個函式，這是因為 元件是可復用的，我們開發好每個元件後，希望它可以在專案中多個地方使用，但又相互不影響...

Vue 元件的使用

使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時，你也必須在引用這個自定義元素時使用 kebab case，例如 使用 pascalcase vue.component mycomponentna...