mirror of
https://gitee.com/newgateway/vtj.git
synced 2026-06-09 07:54:07 +08:00
docs: ✏️ provider example
This commit is contained in:
22
dev/src/views/renderer/provider.vue
Normal file
22
dev/src/views/renderer/provider.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<component v-if="renderer" :is="renderer"></component>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref, getCurrentInstance } from 'vue';
|
||||
import { createProvider, MemoryService, ContextMode } from '@vtj/renderer';
|
||||
const renderer = ref();
|
||||
const instance = getCurrentInstance();
|
||||
const service = new MemoryService();
|
||||
const { provider, onReady } = createProvider({
|
||||
service,
|
||||
mode: ContextMode.Runtime
|
||||
});
|
||||
|
||||
onReady(async () => {
|
||||
const app = instance?.appContext.app;
|
||||
if (app) {
|
||||
app.use(provider);
|
||||
renderer.value = await provider.getRenderComponent('文件id');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user