包含了父作用域中不作為prop被識(shí)別(且獲日苌怼)的特性綁定(class和style除外)辩涝。當(dāng)一個(gè)組件沒(méi)有聲明任何prop時(shí),這里會(huì)包含所有父作用域的綁定(class和style除外)勘天,并且可以通過(guò)v-bind="$attrs"傳入內(nèi)部組件--在創(chuàng)建高級(jí)別的組件時(shí)非常有用怔揩。
子組件props中聲明foo
<div>{{$attrs.foo}}</div>? ??
父組件中
<child foo="foo"></child>
祖孫傳值
祖先組件a組件中傳值給孫組件
<parent msg="傳給孫子"></parent>
在父級(jí)組件parent組件中通過(guò)v-bind把數(shù)據(jù)傳給孫組件
<c v-bind="$attrs"></c>
在孫組件中使用
<div>{{$attrs.msg}}</div>
$listeners用法與$attrs一致傳遞方法使用
在祖先組件中向父組件傳入方法
<parent @foo="foo"></parent>
methods:{
foo(){
console.log("方法傳遞")
}
}
在父級(jí)組件parent組件中通過(guò)v-bind把數(shù)據(jù)傳給孫組件
<c v-on="$listeners"></c>
在孫組件中使用
mounted{
? ? change(){
? ? ? ? this.$emit("foo")
}
}