Vue props向子元件中傳遞資料

2021-10-08 15:05:06 字數 777 閱讀 4808

1、在宣告元件物件中使用 props 選項指定

const mycomponent =

}

方式一:指定傳遞屬性名,注意是陣列形式。

props:

['id'

,'name'

,'sarlary'

,'ispublished'

]

方式二:指定屬性名和資料型別,注意是物件形式。

props:

方式三:指定屬性名、資料型別、必要性、預設值。

props:

}

在引用元件時,通過 v-bind 動態賦值

"2":name=

"wangjiawei"

:salary=

"9999"

:is-published=

"true"

:comment-ids=

"[1,2]"

:author="":

get-emp=

"getemp"

>

<

/my-component>

props 值用於父元件向子元件傳遞資料。

所有標籤屬性都會成為元件物件的屬性,模板頁面可以直接引用。

問題:a. 如果需要向非子後代傳遞資料,必須是多層逐層傳遞。

b. 兄弟元件間也不能直接 props 通訊,必須借助父元件才可以。

Vue props父元件向子元件傳值詳解

vue官網上可以說有我們想要的一切,先貼上通過prop傳值的官網位址 通過prop向子元件傳遞資料 prop是什麼?prop是你可以在元件上註冊的一些自定義特性。當乙個值傳遞給乙個prop特性的時候,它就變成了那個元件例項的乙個屬性。從這句話上面我們能看出兩點 1 prop是寫在元件上的。2 把父元...

父元件向子元件傳遞資料 14 父元件向子元件通訊

1.不使用 v bind 傳遞資料 2.使用 v bind 傳遞資料 3.以上兩者的區別。先把重要的知識點寫在前面 簡單來說,父元件向子元件傳遞資料可以分為以下幾個步驟 在父元件繫結資料 在子元件使用 props 接收資料 在子元件使用資料。data components 渲染 2.在子元件上繫結 ...

vue prop 向子元件傳遞資料

prop是你可以在元件上註冊的一些自定義attribute。當乙個值傳遞給乙個prop attribute的時候,它就變成了那個元件例項的乙個property。乙個 prop 被註冊之後,你就可以像這樣把資料作為乙個自定義 attribute 傳遞進來 乙個元件預設可以擁有任意數量的prop,任何值...