我的目标是让用户使用 resolveDynamicComponent 基于对象创建 vue 组件。虽然刷新页面,渲染和数据绑定都很顺利,但是之后,它会出现一些错误并使渲染的项目消失。
<template>
<abc/>
</template>
<script setup>
import {resolveDynamicComponent} from 'vue'
const abc = resolveDynamicComponent(
{
name: 'abc',
setup: () => {
const test = 'Test'
},
template: '<div>{{test}}</div>'
}
)
</script>
错误
Hydration completed but contains mismatches.
hydrate @ runtime-core.esm-bundler.js:3136