1. 不使用 v-bind 傳遞資料；先把重要的知識點寫在前面：2. 使用 v-bind 傳遞資料；
3. 以上兩者的區別。
簡單來說，父元件向子元件傳遞資料可以分為以下幾個步驟：
在父元件繫結資料；在子元件使用 props 接收資料；在子元件使用資料。
data: {},
components:
}})渲染：
// 2.在子元件上繫結 dong 屬性，值為父元件中的 text
data: ,
components:
}})渲染效果預設是這樣的：
因為子元件中的內容，是父元件通過使用 v-bind 傳遞過來的，傳過來的就是父元件中的 text。而父元件中的 input 又使用了 v-model 繫結了 text，所以，當改變 input 中的內容時，父元件中的 text 就會改變，text 又傳遞到子元件，子元件中的內容也會跟著改變。如：
// 4.liang元件用了 v-bind，傳了乙個陣列
data: {},
components: ,
'liang-component':
}})渲染效果：
可以看到，沒有使用 v-bind 的子元件，看起來像是傳了乙個陣列，可其實並不是陣列，而是字串。使用的 v-bind 的子元件，看起來傳的是陣列，其實它真的是陣列。
總結成一句話就是：不使用 v-bind，傳的是字串；使用 v-bind，傳的是什麼就是什麼。
你也可以嘗試傳遞其他型別的值試一試。
vue子元件向父元件傳遞資料
vue專案中經常使用到元件之間的數值傳遞，實現的方法很多，但是原理基本上大同小異。子元件向父元件出傳遞資料，使用自定義事件的方式。父元件向子元件傳遞資料，使用props屬性的方式。推薦文章 vue筆記 父元件向子元件傳遞資料 我們可以從子元件中想父元件中傳遞多個資料，在子元件中要做的工作只是，使用t...
父元件向子元件傳遞資料props
使用選項props來宣告需要從父級接收到的資料。props的值有兩種方式 方式一 字串陣列，陣列中的字串就是傳遞時的名稱。方式二 物件，物件可以設定傳遞時的型別，也可以設定預設值等。子元件不能直接使用父元件的資料 opp movies cmessage message cpn div cpn p h...
vue父元件向子元件傳遞資料prop
今天學習vue學到使用prop父向子傳遞資料，學了半天也沒懂什麼意思，沒學懂 記住不 true 查了下別人的學習經驗發現基本上都是拷貝vue官網的介紹，哎，不要臉的真多，能咋辦 繼續研究唄 他說是父元件向子元件傳遞繫結的資料 子元件接收父元件資料，那就逆向推理一下 text align center...