vue组件传值方式-子向父传值

子向父传值

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>