1. 程式人生 > 實用技巧 >vue中$attrs

vue中$attrs

一、概念

  vue官網定義如下:

  包含了父作用域中不作為 prop 被識別 (且獲取) 的 attribute 繫結 (classstyle除外)。當一個元件沒有宣告任何 prop 時,這裡會包含所有父作用域的繫結 (classstyle除外),並且可以通過v-bind="$attrs"傳入內部元件——在建立高級別的元件時非常有用。

二、用處

  vue中一個比較令人煩惱的事情是屬性只能從父元件傳遞給子元件。這也就意味著當你想向巢狀層級比較深元件資料傳遞,只能由父元件傳遞給子元件,子元件再傳遞給孫子元件。

  常用的幾個元件之間資料傳遞的方法有如下幾個:

  1、通過props的方式向子元件傳遞(父子元件)

  2、vuex進行狀態管理

  3、非父子元件的通訊傳遞Vue Event Bus,使用Vue的例項,實現事件的監聽和釋出,實現元件之間的傳遞

  4、$attrs的方式

三、示例