父组件:
// 父组件导入的子组件
<Son :msg="message" :user="userinfo"></Son>
data() {
return {
// 需要传递的值:message
message: 'hello',
userinfo: 10
}
}
子组件:
<template>
<div>
<p>父组件传递过来的 msg 值是:{{msg}}</p>
<p>父组件传递过来的 user 值是:{{user}}</p>
</div>
</template>
// 接受方式 1:
props:['msg','user'] //自定义属性
// 接受方式 2:
props:{
type:number, // 接收的类型为 number类型
required:true, // true为必填(传)项
defalt:2 // 默认值,如果不传,默认为2
}