我們會用props來獲取資料,但是如果是直接定義在HTML的模板: 假設組件的props是
props: ['myData']
HTML的模板要寫
<div :my-data = "data"></div>
因為HTML沒有大寫 假設是寫在JS、.vue組件內的template,用字串模板` `
template:`<div :myData = "data"></div>`
就沒有大寫的限制囉!
vue組件的props:[ ]是單向資料流,也是就是由上而下的傳遞資料,跟v-model的雙向綁定不一樣。