javascript - SimpleTemplate 可以忽略模板文件中的变量吗？

Question

我们正在尝试基于 bottle 构建一个简单的 Web 应用程序，并使用 SimpleTemplate 模块来模板文件。该站点是使用 Vue.js 构建的。

Bottle 模板语法是{{ }}，Vue.js also uses for templates .因此，当 Bottle 尝试在我们的模板上运行其模板引擎时，我们将获得任何 Vue.js 模板的 KeyError 异常。

我读过 Bottle SimpleTemplate documentation ，以及其他人谈论使用 SimpleTemplate，但这并没有回答我的问题。

包含 Vue.js 模板变量的 HTML:

<footer>
<p>© Copyright {{ thisYear }}</p>
</footer>

JavaScript:

    <!-- ROUTING -->
    <script>
    // Create and mount the root instance.
    const app = new Vue({
      router,
      data: {
        parentBaseUrl: '${service_url}/template',
        flash: '',
        open_menu: [],
        thisYear: new Date().getFullYear()
      }

以上是 HTML 和 JavaScript 的异常(exception)情况，以避免转储整个文件。

有什么方法可以配置 SimpleTemplate(或其他 Bottle 模板库)来忽略模板变量吗？

如果我能以某种方式转义 Vue.js 模板变量，那么 SimpleTemplate 不会替换它们，我已经尝试过谷歌搜索，但我一直无法找到任何东西。

Answer 1

如果没有明显的方法来更改 SimpleTemplate/bottle 的分隔符，您应该能够更改 Vue.js 的模板分隔符

类似问题供引用:Conflict on Template of Twig and Vue.js

如该问题的答案中所述，您可以按如下方式更改 Vue.js(2.0+ 版)的模板分隔符:

new Vue({
  delimiters: ['${', '}']
})

API 文档引用:https://v2.vuejs.org/v2/api/#delimiters