是否可以使用 JSON 标准格式将模板对象保存在 JSON 文件中？

Question

我有一个 vue 项目，我在其中从 JS 变量动态加载模板。我是这样做的：

<template>
<component v-else :is="templateObject"></component>
</template>
<script>
import templateObject from './templateObject.vue';

export default {
  name: 'vueProject',
  data() {
    return {
      html:{
      template: templateObject
      }
    }
}
</script>

我希望能够将 html 变量保存在 JSON 文件 (model.json) 中并稍后加载。我只能在model.json中写这个 { "template": "vueTemplate"}

但它不起作用，因为模板被解释为字符串。任何想法如何实现我想做的事情？

Answer 1

您的is 参考存在问题。在示例 sn-p 中写入 data 的方式，component 应如下所示：

<template>
<!-- some other element with v-if -->
<component v-else :is="html.template"></component>
</template>

至于在 JSON 中存储模板引用，您似乎有以下选择：

1. 存储文件路径引用，使用动态导入获取组件对象，使用dynamic components
2. 将 html 模板字符串存储在值中（例如 { "template": "<div>my component</div>"） - 这似乎是维护的噩梦……我不推荐此选项