使用帶把手的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會。