1.什么是動(dòng)態(tài)組件
動(dòng)態(tài)組件指的是動(dòng)態(tài)切換組件的顯示和隱藏
2.如何實(shí)現(xiàn)動(dòng)態(tài)組件的渲染
vue提供了一個(gè)內(nèi)置的<component>組件尤仍,專門用來實(shí)現(xiàn)動(dòng)態(tài)組件的渲染
compoent標(biāo)簽是vue內(nèi)置的,作用 組件的占位符
?is屬性的值侧巨,表示要渲染的組件的名字
3.keep-alive的使用
因?yàn)閏omponent默認(rèn)切換后會(huì)銷毀原來的再次切換回來會(huì)重新創(chuàng)建所以我們需要用到keep-alive來聲明它切換后不會(huì)被銷毀
4.keep-alive對(duì)應(yīng)的生命周期函數(shù)
當(dāng)組件被緩存時(shí),會(huì)自動(dòng)觸發(fā)組件的deactivated的生命周期函數(shù)
當(dāng)組件被激活時(shí)饥瓷,會(huì)自動(dòng)觸發(fā)組件的activated生命周期函數(shù)
5.keep-alive的include屬性
include屬性用來指定:只有名稱匹配的組件會(huì)被緩存。多個(gè)組件之間使用英文的逗號(hào)分隔
或者可以通過 exclude屬性指定那些組件不被緩存
注意:include和exclude不能同時(shí)使用
插槽 (Slot)是vue為組件的封裝者提供的能力痹籍。允許開發(fā)者在封裝組件時(shí)呢铆,把不確定的、希望由用戶指定部分定義為插槽?
v-slot簡寫為#?
具名插槽
作用域插槽
在封裝組件時(shí)芭商,為預(yù)留的<solt>提供屬性對(duì)應(yīng)的值派草,這種用法叫做“作用域插槽”
自定義指令
vue官方提供了v-text、v-for铛楣、v-model近迁、v-fi等常用的指令。除此之外vue還允許開發(fā)者自定義指令
自定義指令的分類
????私有自定義指令
????全局自定義指令
可以在directives節(jié)點(diǎn)下聲明私有自定義指令
使用binding獲取指令綁定的值?
update函數(shù)只調(diào)用1次:當(dāng)指令第一次綁定到元素時(shí)調(diào)用簸州,當(dāng)DOM更新時(shí)bind函數(shù)不會(huì)被觸發(fā)鉴竭。update函數(shù)會(huì)在每次DOM更新時(shí)被調(diào)用
函數(shù)簡寫
如果bind和update函數(shù)中的邏輯完全相同,則對(duì)象格式的自定義指令可以簡寫成函數(shù)格式
全局自定義指令
全局共享自定義指令需要通過Vue.directive()進(jìn)行聲明
eslint:規(guī)定代碼風(fēng)格的一個(gè)工具
常用規(guī)則