Vue.js 更改 {{ }} 个标签

Question

我想在 Vue.js 中将 {{ something }} 更改为 <% something %>，我该如何实现，甚至可能吗？

我在 AngularJS 中寻找的等效项：

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

Answer 1

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

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

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

的回应

Answer 2

在最新版本 (2.0.5) 中，上述操作无效。不是分配给全局配置，而是将分隔符作为选项传递给 Vue 实例：

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

至少，这是我必须做的才能让它发挥作用。

Answer 3

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

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

Answer 4

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

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

Answer 5

如果您正在使用 Vue 3.x，documentation 会告诉您这样做：

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

Vue.js 更改 {{ }} 个标签

Vue.js change {{ }} tags

vue.js