Vue propsサブアセンブリへのデータの転送

Vue propsサブアセンブリへのデータの転送
コンポーネントオブジェクトでのpropsの定義の宣言
1、宣言コンポーネントオブジェクトでpropsオプションを使用して指定する

const MyComponent = {
	template:'
',
	props:       3   ,
	components:{
	}
}

方式一：指定传递属性名，注意是数组形式。

props:['id','name','sarlary','isPublished'] 

方法2:属性名とデータ型を指定し、オブジェクト形式であることに注意します.

props:{
	id:Number,
	name:String,
	salary:Number,
	isPublished:Boolean,
	commentIds:Array,
	author:Object,
	getEmp:Function
}

方法3:属性名、データ型、必要性、デフォルト値を指定します.

props:{
	name:{
		type:String,
		required:true,
		default:'wjw'
	}
}

コンポーネント参照時の動的割り当て
コンポーネントを参照するときにv-bindで動的に値を割り当てます

<my-component v-bind:id="2" :name="wangjiawei" :salary="9999" :is-published="true" :comment-ids="[1,2]" :author="{name:'alan'}" :get-emp="getEmp">
</my-component>

データ転送の注意

props値は、親コンポーネントがサブコンポーネントにデータを渡すために使用されます.

すべてのラベル属性はコンポーネントオブジェクトの属性となり、テンプレートページは直接参照できます.

問題:a.非子孫へのデータの伝達が必要な場合は、多層層毎に伝達しなければならない.b.兄弟コンポーネント間でも直接props通信はできません.親コンポーネントを借りなければなりません.