javascript - 是否可以将模板对象保存为 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 有问题引用。你拥有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>" ) - 这看起来像是一场维护噩梦......我不推荐此选项