handlebars.js - 将 vuejs 与 Handlebars 一起使用

Question

我在我的项目中使用了 vue，后端是使用 handlebars by express 渲染的。问题是 vue 和 handlebars 都使用相同的模板语法，即 {{ }}我怎样才能逃脱 Handlebars 中的双花括号，以便它会被前端的 vue 选中？

Answer 1

Handlebars 不支持自定义分隔符。您可能有以下选择:

1) 不使用 Handlebars.js 而是切换到 Mustache.js(他的“哥哥”)，然后:

Mustache.tags = ['<%', '%>'];

2) 或者调整 Vue.js:

Vue.config.delimiters = ['<%', '%>'];

或

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

3) 开始使用 *.vue 文件，这样你就不需要定义自定义分隔符