vue----父组件给子组件传值

父组件

template

<template>
<div>
<log ref="log" :user="user"/>
</div>
</tempalte>

script

import log from './center/log'  //对应子组件的位置，将其命名为log
export  default {
components: {log },
data(){
return {
user: {
username: ruanjiayu
}
}
}
}

子组件

template

<template>
<div>
{{user.username}}
</div>
</template>

export default {
data() {
return {
msg: 'haha'
}
},
props: {
user: {
type: Object,
required: true
}
},
methods: {
}
}