Vue.js更改{{}}标记

Question

我想改{{ something }}由<% something %>在Vue.js,我怎么能做到这一点,是它甚至可能吗？

我在AngularJS中寻找的等价物:

var app = angular.module('app', [], function($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
});

非常感谢你的帮助!

Answer 1

使用最新版本(2.0.5),上述功能无效.您可以将分隔符作为选项传递给Vue实例,而不是分配给全局配置:

new Vue({
    el: '#app',
    data: data,
    delimiters: ["<%","%>"]
});

至少,这就是我必须做的才能让它发挥作用.

Answer 2

我独立运行Vue 2.1.0,这是我必须使用的

Vue.options.delimiters = ['{[{', '}]}'];

Answer 3

您应该修改delimiters配置对象的属性.

Vue.config.delimiters = ['<%', '%>']

编辑:此解决方案适用于Vue 1.x及更低版本.请参阅Vue 2.x解决方案的@Skip和@jaynabonne响应

Answer 4

如果您使用的是 Vue 3.x，文档会告诉您这样做：

Vue.createApp({
  // Delimiters changed to ES6 template string style
  delimiters: ['${', '}']
})