vue.js与后台模板引擎“双花括号”语法冲突时的解决办法

后台渲染模板如swig,也使用“{{ }}“作为渲染,与前端vue的数据绑定“Mustache”语法 (双大括号)产生冲突,此时只要在新建Vue对象时,添加delimiters: ['${', '}'],就搞定了。

delimiters的作用是改变插值的符号。Vue默认的插值是双大括号{{}}。但有时我们会有需求更改这个插值的形式。

delimiters:['${','}']

现在插值形式就变成了${}。

你可能感兴趣的:(vue.js与后台模板引擎“双花括号”语法冲突时的解决办法)