title: Using vue.js in Shopify liquid templates
body: <p>This should be simple but despite searching I was unable to find any solution to this. How do you use vue template tags within a liquid file? Since both Vue and liquid use the same curly brackets, I'm unable to render any of my view data:</p>
  
  <pre><code>&lt;img src="{{ product.featured_image }}" /&gt;
  </code></pre>
  
  <p>results in:</p>
  
  <pre><code>&lt;img src&gt;
  </code></pre>
  
  <p>There are 36 products in my parent view component.</p>
  
  <p>When I try to use custom delimiters:</p>
  
  <pre><code>new Vue({
    delimiters: ['@{{', '}}'],
  </code></pre>
  
  <p>It won't parse with Vue: </p>
  
  <p>      GET <a href="https://inkkas.com/collections/@" rel="noreferrer">https://inkkas.com/collections/@</a> 404 (Not Found)</p>
  
  <p>UPDATE: I'm able to access Vue data with v-bind: but I still need to be able to use delimiters also.</p>