P96 props屬性

在export default下定義一個props 值 用到傳遞使用者 所使用的默認(rèn)值

?因?yàn)閭魅氲膇nit是只讀的 所以接收到后 需要進(jìn)行保存

P99? props????的????default屬性

如果用戶不傳入數(shù)據(jù) 自動將default 的值賦值

P100?props????的? ? type屬性

規(guī)定用戶傳入的屬性

如果不是規(guī)定的屬性 會在終端報錯

p101props????的? ? required必填項(xiàng)屬性

P102 解決樣式?jīng)_突

如果在組件寫了樣式 看似應(yīng)用在一個組件中 其實(shí)影響的是全局組件

解決辦法 在所有的地方加上 data-v-xxx

在標(biāo)簽選擇器加【data-v-xxx】（原理做法）

但是我們發(fā)現(xiàn)讓每一個標(biāo)簽屬性 都加上 data-v-xx 對程序員來說不顯示

所以我們 在style 后面加一個 scoped 這樣他自動回給每一個標(biāo)簽都加一個值??

P103? ?/deep/? 穿透

當(dāng)引入第三方組件庫的時候，如果有修改組件默認(rèn)樣式的需求

Vant 插件庫

https://vant-contrib.gitee.io/vant/#/zh-CN/home

快速構(gòu)建網(wǎng)頁

https://element.eleme.cn/#/zh-CN

P105組件生命周期

??

P106 生命周期 beforeCreate 與 created?

在new Vue（）創(chuàng)建時 初始化事件與生命周期函數(shù)

props與data，methods 都沒創(chuàng)建時?

beforeCreate? 會被率先加載 （其實(shí)沒有什么用 因?yàn)榉椒?函數(shù)都還沒有被定義 ）

生命周期之created 重點(diǎn)！??！

在new vue（）創(chuàng)建好 方法 對象時候?

會執(zhí)行?created? 通常 用他請求Ajax 請求數(shù)據(jù)

Ajax 模板

但是在這個生命周期中 不能操作dom? ?

P108生命周期 beforeMount 與mounted

誰來進(jìn)行編譯呢就是

beforeMount （沒有意義）也操作不了dom元素 ajax一般都在前面周期發(fā)送

mounted 就可以操作 瀏覽器的dom元素?

以上是new VUE（）創(chuàng)建的四個階段

P109 new Vue（）組件的運(yùn)行階段的生命周期

veforeUpdate ：當(dāng)數(shù)據(jù)發(fā)生改變? 數(shù)據(jù)還沒渲染完 觸發(fā)?

這時候 數(shù)據(jù)還有完成渲染? 就是發(fā)出改變的時候 就已經(jīng)觸發(fā) 頁面還沒來得及反應(yīng)?veforeUpdate? 先反應(yīng)了

updated： 數(shù)據(jù)發(fā)生改變 渲染完?觸發(fā)??

P110?new Vue（）組件銷毀的生命周期

beforeDestroy：將要銷毀 但是還在運(yùn)行 估計(jì)要關(guān)閉什么東西

destroyed：DOM組件都會被移除