使用带把手的vuejs

Question

我在我的项目中使用vue，后端通过快递使用把手呈现。 问题是vue和句柄使用相同的{{}} 模板语法我怎样才能转义句柄中的双花括号，所以它会被前端vue选中？

Answer 1

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

1）而不是使用Handlebars.js开关Mustache.js（他的 “哥哥” 的），然后：

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

2）或调整Vue.js：

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

或

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

3）开始使用* .vue文件，这样你不会需要定义自定义定界符

Answer 2

另一个答案将使用助手

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

，然后使用它像这样

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

Answer 3

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