首页 > 其他 > 详细

Vue 子组件接收父组件的值

时间:2018-04-13 10:43:41      阅读:357      评论:0      收藏:0      [点我收藏+]
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 子组件接收父组件的值

原文:https://www.cnblogs.com/zhousen34/p/8817988.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!