Twig & Vue 解决语法冲突
Twig 为模板引擎的网站使用 vue 会冲突,因为两种模板的语法都是默认用双大括号表示变量。
这导致 Vue 的值解析不出来,显示不出来。
解决方法:
<div id="app">
${message}
</div>
new Vue({
el:'#app',
delimiters: ['${', '}'], //更改解析格式
data: {
message:'Hello World!'
}
});
Twig 为模板引擎的网站使用 vue 会冲突,因为两种模板的语法都是默认用双大括号表示变量。
这导致 Vue 的值解析不出来,显示不出来。
<div id="app">
${message}
</div>
new Vue({
el:'#app',
delimiters: ['${', '}'], //更改解析格式
data: {
message:'Hello World!'
}
});