vue.js ——PRops

父組件向子組件傳遞數(shù)據(jù),注意組件之間的作用域是獨(dú)立的，所以要如果父組件要向子組件傳遞數(shù)據(jù)，首先要在父組件中寫(xiě)成屬性的形式，屬性名就是傳遞的名字，屬性值就是傳遞給子組件的值，由于HTML 特性不區(qū)分大小寫(xiě)，所以屬性值需要寫(xiě)成 kebab-case（短橫線隔開(kāi)），子組件中props寫(xiě)成 camelCase（駝峰）.如下：

子組件

父組件

<div my-massage='hello'></div>

動(dòng)態(tài)props，將父組件傳遞的值前面加上v-bind或者‘：’寫(xiě)成 <div v-bind:my-massage='定義的變量'>，如果想傳遞一個(gè)數(shù)字1給子組件，需要寫(xiě)成<div v-bind:my-massage='1'>,如果不是用v-bind，則會(huì)傳遞一個(gè)字符串1給子組件，prop是一個(gè)單項(xiàng)的數(shù)據(jù)流，改變子組件的prop不會(huì)導(dǎo)致父組件傳遞的prop改變，除非父組件傳的是一個(gè)數(shù)組或者對(duì)象。

props詳細(xì)教程