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

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

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

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

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

推荐阅读更多精彩内容

  • vue生命周期、vue实例、模板语法
    写在最前面 一直都想在更新博客但是都因为懒放弃了,看了无问西东之后找了点正能量,更新起来 vue从出生到现在，从一...
    StevenTang阅读 1,773评论 2赞 9
  • VUE复习笔记4（模板语法）
    模板语法 Vue.js使用了基于HTML的模板语法，允许开发者声明式的将DOM绑定到底层vue实例的数据，所有vu...
    XKolento阅读 431评论 0赞 2
  • vue.js基础知识整理
    1. Vue 实例 1.1 创建一个Vue实例 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实...
    王童孟阅读 821评论 0赞 2
  • Vue成神之路之选项
    前言 记录平时学到的知识，标题写的大气一点，也算是给自己一点鼓励，希望在技术这条路可以远走越远，路越走越宽~ 文中...
    徐国军_plus阅读 935评论 0赞 9
  • Vue模板语法
    Vue.js使用基于HTML的模板语法，允许开发者声明式地将DOM绑定到底层Vue实例。所有Vue.js的模板都是...
    JunChow520阅读 3,136评论 0赞 0