Vueの”Mustache” 構文(二重中括弧)の括弧を変更する

ShopifyでVueを使おうとしたら使えなかった件

Vueの”Mustache” 構文(二重中括弧)ですが、ShopifyのLiquidでも同じように{{ }}で囲むために使えないことが発覚

”Mustache” 構文(二重中括弧)の括弧を変更する

どうやら以下のようにdelimitersを加えるとVueのマスタッシュ構文を「{{ }}」から「<% %>」 に変更できるみたいです。ちなみにバージョンは2.0.5のもの。

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