在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
}
}
至此,由父頁面的值 就這樣傳過來了。
請注意打賞和關注喲: