使用带把手的vuejs

Question

我在我的项目中使用vue，后端使用express来使用把手进行渲染。 问题是vue和把手都使用相同的模板语法{{}} 如何摆脱把手中的双花括号，以便它在前端被vue挑选？

Answer 1

把手不支持自定义分隔符。您可以选择以下选项：

1）而不是使用Handlebars.js切换到Mustache.js（他的＆＃34;哥哥＆＃34;）然后：

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

2）或调整Vue.js：

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

或

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

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

Answer 2

使用把手，很容易逃脱默认分隔符。因此，而不是{{ item.name }}只写\{{ item.name }}。把手不会取代它，但Vue.js会。

Answer 3

另一个答案是使用助手

exports.curlyBracesOpen = function() {
    return '{{ ';
};
exports.curlyBracesClose = function() {
    return ' }}';
};

然后像这样使用它

{{{curlyBracesOpen}}} item {{{curlyBracesClose}}}