Vue.jsでデリミタを変更する。

Vue.jsのデフォルトのデリミタは{{hoge}}のような形。


だが、サーバーサイドのテンプレートエンジンもこのような形で表すことが多い。

どちらかを変更しなければデリミタがコンフリクトしエラーを起こすのだが、探してみた結果テンプレート側のデリミタを変更している人が多数でVue.js側のデリミタを変更している記事が見つからなかった。

なのでメモ。

Vue.config.delimiters = ['(%', '%)']

公式にきっちり載っているが、あとで探すのはめんどい。