共组件传值给nuxt-child
时间: 2023-07-08 18:36:38 浏览: 158
nuxt-bugsnag:适用于nuxt.js的Bugsnag模块
如果你希望在共同的父组件中将数据传递给 `<nuxt-child>`,可以使用 `provide/inject` API。下面是一个简单的例子:
在父组件中,使用 `provide` 方法来提供要传递的数据:
```
export default {
provide() {
return {
message: 'Hello from parent component'
}
}
}
```
在 `<nuxt-child>` 中,使用 `inject` 方法来接收传递的数据:
```
export default {
inject: ['message'],
mounted() {
console.log(this.message) // 输出 'Hello from parent component'
}
}
```
这样就可以在共同的父组件中将数据传递给 `<nuxt-child>`。需要注意的是,`provide/inject` API 并不是响应式的,所以如果你需要在子组件中改变数据,建议使用 Vuex 来进行状态管理。
阅读全文