vue 父传子，子传父

父传子

 子传父

代码：

父组件

<template>

  <div class="index">

    <p>父组件{{ car }}</p>

    <user @fan="father" :son="childs"></user>

  </div>

</template>



<script>

import user from './Users.vue'

export default {

  data () {

    return {

      car: '',

      childs: '国宝'

    }

  },

  components: {

    user

  },

  methods: {

    father (car) {

      this.car = car

    }

  }

}

</script>

 子组件

<template>

  <div class="child">

    <p>我是子组件{{ son }}</p>

    <div @click="fn">点击给父组件传值</div>

  </div>

</template>



<script>

export default {

  props: ['son'],

  data () {

    return {

      car: '大河沟'

    }

  },

  methods: {

    fn () {

      console.log('12')

      this.$emit('fan', this.car)

    }

  }

}

</script>