修改vue模板标签

修改文本插值的定界符

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

<view>@{item.name}</view>

方法一：

// 修改 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: {
	}
});