【vue实战】父子组件互相传值

 <template>
  //徽标
   <Badge :count="count">
              <router-link to="/News">
                <img class="demo-badge" src="static\pictureV1.0\Tobar\消息 (3).png" />
              </router-link>
   </Badge>
  //子组件在父组件的位置
    <div class="layout-content">
        //子组件，监听agreeNegotiate方法，当子组件点击触发agreeNegotiate方法时，同时触发父组件的agreeNegotiate方法
        <router-view v-model="count" @agreeNegotiate="agreeNegotiate"/> 
      </div>
</template>

<script>
//在父组件引入子组件才能构成父子关系
import News from '@/View/news/News';
export default {
  data() {
    return {
      count: "",
    };
  },
 components: {News},
 methods: {
    agreeNegotiate (childrenValue) {
        console.log(childrenValue); // 'abcde'
         this.count=childrenValue;
      },
 }
</script>

export default {
//接收父组件传值
  props: ['count'],
}
 agreeNegotiate(){
 //给父组件传值
  this.$emit('agreeNegotiate',vm.nowCount);
  }