天天看點

vue.js與背景模闆引擎“雙花括号”文法沖突時的解決辦法

背景渲染模闆如swig,也使用“{{ }}“作為渲染,與前端vue的資料綁定“Mustache”文法 (雙大括号)産生沖突,此時隻要在建立Vue對象時,添加delimiters: ['${', '}'],就搞定了。

delimiters的作用是改變插值的符号。Vue預設的插值是雙大括号{{}}。但有時我們會有需求更改這個插值的形式。

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

現在插值形式就變成了${}。