javascript - Vue 和 Django mustache 模板冲突

Question

我打算在前端使用Vue，在后端使用Django，但它们都使用双花括号{{ }}作为他们的模板标签。有没有一种简单的方法可以更改两者之一以使用其他自定义模板标签？
提前致谢。

Answer 1

Vue 有一个名为 delimiters 的参数设置占位符的分隔符。例如，通过这种方式，您可以将它们设置为双方括号:

new Vue({
    delimiters: ['[[', ']]'],
    el: "#myapp",
    //...
})


<div>
   {{ djangoPlaceholder }}
   [[ vuePlaceholderValue ]]
</div>