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: {
	}
}