如果一个服务端模版渲染用 Jinja2 的项目想引入 Vue

[Livid]

会遇到一个问题就是 Vue 和 Jinja2 都用了 {{ variable }} 这样的方式来输出变量。

目前搜到的一个解决方法是：

https://blog.fusionscript.info/flask/2018/03/06/using-vue-and-jinja-together.html

大家还有什么别的思路么？

[skenan]

之前也研究过这个问题，可以修改 vue 的 delimiter https://testdriven.io/blog/combine-flask-vue/

[Dreax]

jinja 好像可以把花括号改成别的字符？
https://stackoverflow.com/questions/33775085/is-it-possible-to-change-the-default-double-curly-braces-delimiter-in-polymer

[loading]

我在 golang 里也遇到类似问题。基本就是后端前端选一个改，我选择改前端，也就是一楼的方法。
纯 api 不用模板体验并不好，所以还是必须混合用。

[Yuxiaoy]

https://greyli.com/jinja2-and-js-template/
看下李辉的几个解决方案

[zjsxwc]

vue 代码单独写到 *.vue 文件里面，
jinja 搞个自定义 tag 类似 include 的无脑复制*.vue 文件内容就行。

[mxT52CRuqR6o5]

最简单的方法，不使用{{}}给 vue 输出变量，而是用 v-text 输出，啥配置都不用改

[falcon05]

之前我也用 twig 模板引擎也遇到这种问题，这个 stackoverflow 链接提供几种解决方法： https://stackoverflow.com/questions/31480612/conflict-on-template-of-twig-and-vue-js/31525899

[dingyaguang117]

我一直是用 {% raw %}