Vue的attrs是一個(gè)提供接收父組件傳遞的屬性(props)的對象。 在這個(gè)對象中,鍵是傳遞的屬性名,值是傳遞的值。 使用attrs對象可以方便地訪問父組件傳遞過來的組件屬性,使得在子組件中使用這些屬性更加方便、靈活。
下面是一個(gè)示例,在父組件中傳遞屬性,并在子組件中使用attrs對象獲取屬性:
// 父組件// 子組件 {{ attrs.message }}
在上面的代碼中,父組件傳遞一個(gè)名為message的屬性到子組件中,子組件中使用attrs對象獲取該屬性值,并在mounted鉤子中打印到控制臺上。
注意,attrs并不是一個(gè)響應(yīng)式的對象,不能在子組件中通過改變該對象來影響父組件中的屬性值。 如果需要在子組件中修改父組件中的屬性值,需要通過$emit來觸發(fā)事件、傳遞值,讓父組件來改變屬性值。