子向父传值
1.父组件引入子组件
子组件用方法传值-----用$emit方式,第一个参数是一个event,类似click
<script>
export default{
data(){
return {
count:0
}
},
methods:{
add(){
this.count++
this.$emit('numchange',this.count) //numchange是一个事件
}
}
}
</script>
- 父组件中引入子组件-----numchange为子组件中的事件,事件对应一个方法,在方法中将值传给父组件
<Right @numchange="getCount"></Right>
<script> import Right from '@/components/RightCom.vue' export default { data(){ return { countfromson:0 } }, components:{ Right }, methods:{ getCount(val){ this.countfromson=val; } } } </script>