vue-router 中的外部模板

External templates in vue-router

我是Vue新手,已经迁移了一个小应用到它上面,但是现在我想在前端级别添加路由,所以我开始看vue-router。

我的组件使用 inline-template 因为它们被放置在 django 应用程序的模板中。这样,django 生态系统负责本地化并为登录用户提供更多信息。

我找不到让我的组件与 vue-router 一起工作的方法。我什至使用 x-templates 进行了测试,但它只是不起作用,除非模板是 JS 代码中的字符串。

vue-router可以使用外部文件模板吗?如果不是,vue-router如何处理后端服务器生成模板的情况?

我终于找到了让它工作的方法。诀窍是将 x-templates 放在根 Vue 应用程序元素 之外。这样根 Vue 应用程序就不会尝试渲染它们,然后由它们的组件渲染它们。