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>


相关文章
|
6月前
|
JavaScript
Vue中的provide和inject适用于哪些场景?
Vue中的provide和inject适用于哪些场景?
97 0
|
6月前
|
JavaScript 开发者
Vue中provide和inject的作用是什么?
Vue中provide和inject的作用是什么?
74 0
|
6月前
|
JavaScript
鬼火起~为什么报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the
鬼火起~为什么报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the
|
2月前
实际项目中如何选择 Provide / Inject 和 Vuex?
实际项目中如何选择 Provide / Inject 和 Vuex?
119 63
|
4月前
|
设计模式 JavaScript
inject
【7月更文挑战第17天】
105 15
|
6月前
Vite 使用inject/provide
Vite 使用inject/provide
92 0
|
6月前
|
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
|
6月前
|
JavaScript
提供一个具体的示例来说明`provide`和`inject`的用法。
提供一个具体的示例来说明`provide`和`inject`的用法。
31 0
|
6月前
|
JavaScript
[Vue warn]: Method “components“ has type “object“ in the component definition. Did you reference the
[Vue warn]: Method “components“ has type “object“ in the component definition. Did you reference the
|
JavaScript 前端开发
error: The “xx“ component has been registered but not used (vue/no-unused-components) at
报错原因:因为搭建的vue项目选择了eslint校验规范->就是你定义了某个变量,但是你没有使用它.eslint规范就是你要么不定义,要么定义了就一定得用.
546 0