provide和inject的使用

简介: provide和inject的使用

根组件:

<script>
import { provide } from 'vue'
export default {
  setup(){
    provide('name','xiaoming')
  }
</script>

后代组件:

<script>
import { inject } from 'vue'
export default {
  setup(){
    let myName= inject('name')
    console.log(myName)  //xiaoming
  }
}
</script>


相关文章
|
19天前
|
JavaScript
Vue中的provide和inject适用于哪些场景?
Vue中的provide和inject适用于哪些场景?
54 0
|
19天前
|
JavaScript 开发者
Vue中provide和inject的作用是什么?
Vue中provide和inject的作用是什么?
29 0
|
19天前
|
JavaScript
Vue中的provide和inject的使用场景是什么?
Vue中的provide和inject的使用场景是什么?
36 3
|
19天前
Vite 使用inject/provide
Vite 使用inject/provide
16 0
|
19天前
|
JavaScript
解决报错did you register the component correctly? For recursive components, make sure to provide the “na
解决报错did you register the component correctly? For recursive components, make sure to provide the “na
|
19天前
Classic mode for store/ is deprecated and will be removed in Nuxt 3
Classic mode for store/ is deprecated and will be removed in Nuxt 3
60 0
|
19天前
|
JavaScript
提供一个具体的示例来说明`provide`和`inject`的用法。
提供一个具体的示例来说明`provide`和`inject`的用法。
12 0
|
10月前
|
JavaScript 前端开发
error: The “xx“ component has been registered but not used (vue/no-unused-components) at
报错原因:因为搭建的vue项目选择了eslint校验规范->就是你定义了某个变量,但是你没有使用它.eslint规范就是你要么不定义,要么定义了就一定得用.
378 0
vue3依赖注入 provide inject
vue3依赖注入 provide inject
83 0
vue3依赖注入 provide inject
|
JavaScript 前端开发 API
Vue中 provide、inject 详解及使用
Vue中 provide、inject 详解及使用
220 0
Vue中 provide、inject 详解及使用