provide、inject只适用于父子组件或祖孙组件等之间进行传值,在兄弟组件之间不适用。
首先,需在父级组件中使用provide:
<script>
import { provide } from 'vue'
export default {
setup(){
provide('num',123)
}
}
</script>
接着,在子组件中使用inject:
<script>
import { inject } from 'vue';
export default {
setup(){
let num = inject('num')
return{
num
}
}
}
</script>