我們會用props來獲取資料,但是如果是直接定義在HTML的模板: 假設組件的props是

props: ['myData']

HTML的模板要寫

<div :my-data = "data"></div>

因為HTML沒有大寫 假設是寫在JS、.vue組件內的template,用字串模板` `

template:`<div :myData = "data"></div>`

就沒有大寫的限制囉!

vue組件的props:[ ]是單向資料流,也是就是由上而下的傳遞資料,跟v-model的雙向綁定不一樣。