Vue 元件中的data資料

2022-06-27 14:06:13 字數 1173 閱讀 2721

//1. 元件可以有自己的 data 資料

//2. 元件的 data 和 例項的 data 有點不一樣,例項中的 data 可以為乙個物件,但是 元件中的 data 必須是乙個方法

//3. 元件中的 data 除了必須為乙個方法之外,這個方法內部,還必須返回乙個物件才行;

//4. 元件中 的data 資料,使用方式,和例項中的 data 使用方式完全一樣!!!

vue.component(

'mycom1', }})

//建立 vue 例項,得到 viewmodel

varvm

=new

vue(,

methods: {}

});script

>

body

>

html

>

vue元件中data是個函式

當我們const vm new vue 用習慣了,data是乙個物件,可到了vue元件 vue.component cp data return info hello vue 因為vue.component是乙個建構函式,data資料是放在vue.component.prototype裡的所以如果是...

Vue子元件向父元件傳data資料

在vue中,子元件是怎麼向父元件傳自己的data資料?原理 父元件可以通過給子元件繫結 虛擬事件 來向子元件傳遞自己的方法,因此這個虛擬事件就裝載了父元件的方法,子元件拿到虛擬事件之後進行註冊,就可以使用來自父元件的方法了,因此,只需要向虛擬事件傳遞引數,那麼就相當於向父元件的方法傳遞引數,而父元件...

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

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