vue祖孙组件传参（provide、inject）

//祖组件
export default {
    provide:function(){
    return {cityShow:()=>this.cityShow}
  },
  data(){
      return{
              cityShow:'' 
      }  
  },
  methods:{
      getData(){
          this.cityShow='这是祖组件传过来的数据'      
      }  
  }
}

//子组件不需要任何操作

//孙组件
export default {
    inject: ["cityShow"],
    //使用 computed 接收的参数可修改
    computed: {
    getCityData() {
      return this.cityShow();
    },
  },
   watch: {
    getCityData(val) {
     console.log(val)//'这是祖组件传过来的数据'
    },
    }
}