修改Vue定界符

• 前后端混编项目中使用vue.js，防止vue中“{{}}”与其他模板框架绑定数据差生冲突
• 将vue默认的“{{item.name}}” 改为 “@{item.name}”

方法一

// 修改 Vue 模板标签
if ( "undefined" != typeof Vue ) {
    // 修改文本插值的定界符。
    // ES6 模板字符串
    Vue.config.delimiters = ['@{', '}']; //修改文本插值的定界符,防止与模板绑定数据产生冲突
    // 修改原生 HTML 插值的定界符。默认值： ["{{{", "}}}"]
    // make it look more dangerous
    Vue.config.unsafeDelimiters = ['{!!', '!!}'];
}

方法二（推荐）

new Vue({
    el: "#app",
    delimiters: ['@{', '}'], //修改文本插值的定界符
    data: {
        item: {
            name: '修改文本插值的定界符'
        }
    },
    mounted: function() {
    },
    updated: function () {
        var _this = this;
        _this.$nextTick(function () {
    
        })
    },
    methods: {
    }
});