这里写自定义目录标题
父组件
在这里插入代码片
<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>