每日一篇(10)--vue關於父組件給子組件傳值

在vue中 父組件給子組件傳值 可以用到props屬性進行傳值。
今天就給大家講講props的使用方法:
父頁面:father.vue

<template>
<children :mssage="msg"></children>
</template>

<script>
improt children form '../../children.vue';
export default {
	compontent:{
			children
	},
	data(){
		return{
			msg:'我是msg的值'
		}
	}
}
</script>

子頁面:children.vue

<template>
	<div>{{mssage}}</div>
</template>
export default {
	props:{
		type:String,
		required:true
	}
}

至此,由父頁面的值 就這樣傳過來了。

請注意打賞和關注喲:
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章