首先定義的 xx.vue檔案在編譯之後是乙個類,每個地方使用這個元件的時候,相當於對這個類例項化,在例項化的時候執行data,如果不是乙個函式的話,每個元件的例項的data都是同乙個引用資料,當該元件作為公共元件共享使用,乙個地方的data更改,所有的data一起改變。如果data是乙個函式,每個例項的data都在閉包當中,就不會各自影響了簡單來說就是:
因為vue是可復用元件,如果data不是乙個函式,那麼在乙個元件中修改資料會造成所有元件中資料都會改變,很容易造成全域性汙染
Vue 元件的data必須是乙個函式
定義乙個名為 button counter 的新元件 vue.component button counter template you clicked me times.元件是可復用的 vue 例項,且帶有乙個名字 在這個例子中是。我們可以在乙個通過new vue建立的 vue 根例項中,把這個元...
Vue元件中的data必須是個函式
最近一直在學習vue,今天看到乙個知識點,感覺有必要記錄下,以免後面忘記。每個vue元件其實也可以看成時乙個vue例項,它也有生命週期,data,methods等。其中在vue元件中,data必須是個函式,這是因為 元件是可復用的,我們開發好每個元件後,希望它可以在專案中多個地方使用,但又相互不影響...
為什麼Vue元件裡面data必須是個函式
首頁我們先了解乙個原形和原型鏈,每個js物件和js方法都有乙個原形,js物件的是隱式原形 proto,而方法中的是顯示原形prototype,下面舉個例子 export default methods 其實底層是 component.proto data 而var obj 底層是var obj ne...