1. 程式人生 > >vue組件的一些知識理解

vue組件的一些知識理解

有關 順序 周期 cti 學習過程 影響 before 返回 生命

組件我們在項目中會很常用到,說下自己在學習過程中的理解,有關 組件初始化順序,組件為什麽data是function,組件的生命周期

1. Vue.component(‘‘, {}) 註冊全局組件,組件會返回一個構造函數,這個函數的實例被我們引用在父組件的components中

2. 組件相關的數據有props、data、computed他們的實例化順序是props、data、computed,這個源碼就是這麽寫的,原因可能是 props是父組件的外來數組,為了保護組件的data不被汙染,所以props在前面data在後面;computed的數據依賴data,所以computed應該在data後面

3.組件的data為什麽是一個函數,我們之前知道了組件在引用的過程中是一個實例,為了保證這個實例的數據在引用的時候,相互之間不影響,data是一個函數,返回一個新的對象,這樣來每個引用的地方返回的都是單獨的一份對象

4.父組件渲染子組件的生命周期過程 beforeCreate(父) -> created(父) -> beforeMounte(父)->beforeCreate(子) -> created(子) -> beforeMounte(子)->Mounted(父) ->beforeDestroy(父)->beforeDestroy(子)->destroyed(子)->destroyed(父)

先寫這麽多

vue組件的一些知識理解