vue2 provide/inject 怎么传递函数
时间: 2023-09-24 20:06:07 浏览: 103
Vue.js中provide/inject实现响应式数据更新的方法示例
可以通过provide注入一个函数,然后在inject时使用。如下所示:
```
// 父组件提供一个函数
provide: {
myFunc: () => {
console.log('Hello World')
}
}
// 子组件使用提供的函数
inject: ['myFunc']
mounted () {
this.myFunc() // 调用函数
}
```
在父组件中,我们提供了一个名为 `myFunc` 的函数作为 provide 的一部分。在子组件中,我们可以通过 `inject` 中的数组来声明我们需要注入哪些属性或函数。在这个例子中,我们需要注入 `myFunc` 函数,然后在 `mounted` 钩子中调用它。执行代码后,会在控制台上输出 "Hello World"。
阅读全文