vue prop 向子元件傳遞資料

2021-10-08 01:17:35 字數 1187 閱讀 6642

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...