Vue.js меняет теги {{}}

Я хочу изменить {{ something }} на <% something %> в Vue.js, как мне этого добиться, возможно ли это вообще?

Эквивалент того, что я ищу в AngularJS:

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

Ответы

Ответ 1

Вам следует изменить свойство delimiters объекта конфигурации.

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

Изменение: это решение работает для Vue 1.x и ниже. Смотрите ответы @Skip и @jaynabonne для решения Vue 2.x.

Ответ 2

В последней версии (2.0.5) вышеуказанное не работает. Вместо назначения глобальной конфигурации вы передаете разделители как опцию экземпляру Vue:

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

По крайней мере, это то, что я должен был сделать, чтобы он работал.

Ответ 3

Я запускаю автономный Vue 2.1.0, и это то, что мне пришлось использовать

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

Ответ 4

Используйте этот код, чтобы изменить шаблонизатор в vue js

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