Vue 子组件接收父组件的值
Posted 周森
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 子组件接收父组件的值相关的知识，希望对你有一定的参考价值。
1.父组件
<template>
<div id="rightmenu8">
<rightmenu7 ref="rightmenu7" @child="parent3" :age="age"></rightmenu7>
</div>
</template>
<script>
import rightmenu7 from "./RightMenu7.vue";
export default {
name: "rightmenu8",
data() {
return {
age:18
}
},
methods: {
},
components: {
rightmenu7: rightmenu7
}
};
</script>
2.子组件
<template>
<div id="rightmenu7" ></div>
</template>
<script>
export default {
props:[‘age‘],
name:"rightmenu7",
data(){
return{
}
}
}
</script>
<style>
</style>
以上是关于Vue 子组件接收父组件的值的主要内容，如果未能解决你的问题，请参考以下文章
vue 高级属性父组件provide向子组件发送数据，子组件通过inject接收数据