WD5 - разработка сайтов

Переопределение шаблонного тега в Vue js

По умолчанию шаблонный тег используемые в Vue js для вывода переменных это двойные фигурные скобки {{ }}.

Но данный тег конфликтует с тем что используется в таких популярных шаблонизаторах как twig, smarty, django, jinja.

В шаблонизаторах существуют способы отключения обработки тегов {% verbatim %}{% endverbatim %}, {literal}{/literal} , но иногда удобнее переопределить разделитель данных (delimiters) для Vue.


Vue.js 1.0

Глобальное назначение (Define delimiters globally).

Vue.config.delimiters = ['${', '}']

Docs


Vue.js 2.0

Назначение в компоненте (Define delimiter on per component basis)

new Vue({
    delimiters: ['${', '}']
})

Docs