<template>
<div>
<div>我是content组件</div>
<h1>{{name}}</h1>
</div>
</template>
<script lang='ts'>
import { inject } from 'vue';
import { useRoute, useRouter } from 'vue-router';
export default defineComponent({
name: 'index',
setup(props, context) {
const name = inject(name)
// function cheaeName(){
// name.value='里斯'
// }
return {
name
}
},
}
</script>
<style scoped lang='scss'>
</style>
// 我是父组件
// <script lang='ts'>
// import { inject } from 'vue';
// import { useRoute, useRouter } from 'vue-router';
// export default defineComponent({
// name: 'index',
// setup(props, context) {
//响应式
// const name=ref('张三')
// provide("name",name)
// return {
// name
// }
// },
// components:{
// content
// }
// }
// </script>
在setup中使用provide-inject
于 2022-11-19 12:55:07 首次发布