vue中provide和inject如何使用

provide 和 inject 是 Vue.js 提供的一种组件间通信方式。在父组件中使用 provide 来提供变量/方法，然后在子组件中使用 inject 来注入这些变量/方法，从而实现组件间的通信。

具体使用方法如下：

在父组件中：

provide() {
  return {
    // 提供一个变量
    counter: this.counter,
    // 提供一个方法
    increment: this.increment
  }
},
data() {
  return {
    counter: 0
  }
},
methods: {
  increment() {
    this.counter += 1;
  }
}

在子组件中：

inject: ['counter', 'increment'],
mounted() {
  // 使用父组件中提供的变量
  console.log(this.counter);
  // 调用父组件中提供的方法
  this.increment();
}

这样子组件就可以访问父组件中提供的变量和方法了。