vue父组件传参子组件

<template>
    <headers  :inputName="name">我是父组件</headers> 
</template>

<script>
    import headers from './Head.vue'
    export default {
            data() {
                return {
                    name: []
                }
            },
            components: {
                headers: headers
            },
            created(){
            	this.init();
            },
            methods:{
            	init(){
		            this.$axios.get('http://localhost:9999/type').then(res => {
		                    this.name=res.data;  //给数组赋值
		             });
            	}
            }
    }
</script>

子组件

<template>

</template>

<script>
    export default {
            props: ['inputName'],  //注意这里要父组件的名字一致
            watch: {
                inputName: function(newValue) {
                    console.log(newValue);  //输出数据
                }
            }
    }
</script>