1. nunjucks 和 vue 的冲突

nunjucks 和 vue 都是用 {{ }} 进行渲染的，两个混用的话都被理解为 nunjucks 的内容，就没有使用 vue 了。
从 vue 和 nunjucks 两个角度都有解决方法：

更改 vue 的 delimiters

Vue.config.delimiters 记录的是 vue 渲染内容的位置，默认是 {{ }}，只需要将这个自定义掉就好。
但是不推荐这种方法，更改 vue 原本的设定会让代码难以让他人理解。

在 {{ }} 两边加上 {% raw %} {% endraw %}，告诉 nunjucks 不要渲染

更加推荐这个。
原本是 {{ result }}
现在是 {% raw %} {{ result }} {% endraw %}