Skip to content

Commit 40c4e9e

Browse files
committed
chore(dev): setup provide/inject demo
1 parent e23dda9 commit 40c4e9e

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

packages/shell-dev-vue3/src/Provide.vue

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
</template>
44

55
<script>
6+
import { provide, inject } from 'vue'
7+
68
export default {
79
components: {
810
Inject: {
@@ -21,14 +23,23 @@ export default {
2123
}
2224
},
2325
inject: ['injectedData'],
24-
template: '<div>injected: {{ injectedData }}<NestedInject /></div>'
26+
setup () {
27+
return {
28+
comingFromSetup: inject('fromSetup')
29+
}
30+
},
31+
template: '<div>injected: {{ injectedData }} | {{ comingFromSetup }}<NestedInject /></div>'
2532
}
2633
},
2734
2835
provide () {
2936
return {
3037
injectedData: 'bar'
3138
}
39+
},
40+
41+
setup () {
42+
provide('fromSetup', 'Setup!!')
3243
}
3344
}
3445
</script>

0 commit comments

Comments
 (0)