UI框架使用:ant-design-vue
一、屬性:自定義屬性props
? ? ? ? ? ? 原生屬性attr
? ? ? ? ? ? ?特殊屬性:style、class(ref , key)
style:要注意優(yōu)先級(后加載的優(yōu)先級高)
class:合并
inheritAttrs: false,//取消默認(rèn)屬性
二堂污、事件
this.$emit的返回值是:當(dāng)前的Vue實(shí)例家肯。
所謂的觸發(fā)事件,其實(shí)就是在調(diào)用父組件傳遞的方法盟猖。如果我們在方法中return了值讨衣,子組件通過事件的方式調(diào)用這個(gè)方法是拿不到的换棚,但有的時(shí)候我們需要父組件的這個(gè)值,做進(jìn)一步的處理反镇。--(callback來解決)
stop修飾符:阻止事件冒泡
三固蚤、插槽
2.6.1:具名插槽和作用域插槽?=> v-slot指令【取代slot和slot-scope,被廢棄但未被移除】
1.普通插槽:父->子,父組件傳遞數(shù)據(jù)/元素/組件給子組件愿险,子組件定義占坑?
2.作用域插槽:子->父颇蜡,子組件綁定屬性,傳遞(數(shù)據(jù))給父組件辆亏,父組件通過slot-scope接收子組件傳遞屬性?
3.使用v-slot新語法风秤,代替舊語法slot-scope
4.多插槽時(shí)使用具名插槽方式(<slot name="header">),用于將數(shù)據(jù)綁定在指定的插槽
問題:
相同名稱的插槽是合并還是替換:新的2.6語法替換扮叨,老的語法合并
函數(shù)式組件