父组件向子组件共享数据需要使用自定义属性
1、子组件中 ,通过props来定义属性。
2、子组件中,负责把数据,通过V-bind绑定给子组件。
<Son :msg="message" :user="userinfo"></Son>
//父组件
data(){
return {
message: "hello vue",
userinfo: { name: "father", age:50}
}
}
// 子组件
<template>
<div>
<h5>Son 组件</h5>
<p>父组件传递过来的msg值是:{{ msg}}</p>
<p>父组件传递过来的user值是:{{ user}}</p>
</div>
</template>
// 子组件定义属性
props: ["msg", "user"]