watch監聽變化

<template>
  <div>
    父級   <childCom1  @click.native="fn()"></childCom1>
    {{a}}
  </div>
</template>
<script>
  import childCom1 from './childCom1.vue'
  export default {
    data:function(){
      return {
        a:"111",
      }
    },
    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>