prop
是你可以在元件上註冊的一些自定義attribute
。當乙個值傳遞給乙個prop attribute
的時候,它就變成了那個元件例項的乙個property
。
//乙個 prop 被註冊之後,你就可以像這樣把資料作為乙個自定義 attribute 傳遞進來:
乙個元件預設可以擁有任意數量的prop
,任何值都可以傳遞給任何prop
。
demo
<
!doctype html>
component blog post example
"blog-post-demo" class=
"demo"
>
v-for=
"post in posts"
:key=
'post.id'
:post=
'post'
>
vue.component(
"blog-post", }
\ //
"
// 模板字串 不支援 ie
template:`}}
` });
// 例項化vue
new vue(
, // 生命週期鉤子 eated 這個鉤子在例項被建立之後被呼叫
created: function())
.then(function(data));
}});
父元件向子元件傳遞資料 14 父元件向子元件通訊
1.不使用 v bind 傳遞資料 2.使用 v bind 傳遞資料 3.以上兩者的區別。先把重要的知識點寫在前面 簡單來說,父元件向子元件傳遞資料可以分為以下幾個步驟 在父元件繫結資料 在子元件使用 props 接收資料 在子元件使用資料。data components 渲染 2.在子元件上繫結 ...
vue子元件向父元件傳遞資料
vue專案中經常使用到元件之間的數值傳遞,實現的方法很多,但是原理基本上大同小異。子元件向父元件出傳遞資料,使用自定義事件的方式。父元件向子元件傳遞資料,使用props屬性的方式。推薦文章 vue筆記 父元件向子元件傳遞資料 我們可以從子元件中想父元件中傳遞多個資料,在子元件中要做的工作只是,使用t...
父元件向子元件傳遞資料props
使用選項props來宣告需要從父級接收到的資料。props的值有兩種方式 方式一 字串陣列,陣列中的字串就是傳遞時的名稱。方式二 物件,物件可以設定傳遞時的型別,也可以設定預設值等。子元件不能直接使用父元件的資料 opp movies cmessage message cpn div cpn p h...