Question

我想在Vue.js中更改{{ something }} <% something %>，我怎么能实现这一点，是否可能？

我在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

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

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

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

Answer 3

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

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

Answer 4

如果您使用的是Vue 3.x，则documentation会告诉您执行此操作：

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

Answer 5

使用此代码在vue js中更改模板引擎

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

Vue.js更改{{}}标记

5 个答案: