Using vue.js in Shopify liquid templates

Question

This should be simple, but despite the search, I could not find a solution. How to use vue template tags in a fluid file? Since VUE and fluid use the same braces, I cannot display data from my view:

<img src="{{ product.featured_image }}" />

leads to:

<img src>

There are 36 products in my parent view.

When I try to use custom delimiters:

new Vue({
  delimiters: ['@{{', '}}'],

It will not parse using Vue:

GET https://inkkas.com/collections/@ 404 (not found)

UPDATE: I can access Vue data using v-bind: but I still need to use delimiters.

Answer 1

-, Shopify , , v-bind: ( ). , :

delimiters: ['${', '}']

:

<span class="title">${ product.title }</span>