watch监听变化

<template>
  <div>
    父级   <childCom1  @click.native="fn()"></childCom1>
    {{a}}
  </div>
</template>
<script>
  import childCom1 from './childCom1.vue'
  export default {
    data:function(){
      return {
        a:"",
      }
    },
    components:{childCom1},
    provide: {       //provide提供变量
      name: '我是父组件的数据A'
    },
    watch:{       //实时监听a的变化
      a(val1){    //在这里你可以再根据index的值，做出其它的操作
        console.log('数据a变化了');
      },
    },
    methods:{
      fn(){
        this.a = '数据a变化了'
      }
    }
  }
</script>

子：

<template class="border">
  <div>
子级 ：{{name}}
  </div>
</template>
<script>
  export default {
    inject: ['name'],   //注入
    mounted () {
      console.log(this.name);  //A
    }
  }
</script>