Quiero usar Vue.js en mi tema de Shopify. así que agregué este código en el tema. Pero no está funcionando. mostrando ningún resultado ahora! No estoy seguro de cuál es el problema. ¿Alguien podría ayudarme a solucionar este simple problema? Gracias
nota: me crearon un test.html y lo copié debajo del código. pero funcionaba correctamente en un archivo html simple. pero ¿por qué no funciona en Shopify?
<script src="https://unpkg.com/vue"></script> <div id="app"> {{ message }} </div> <script> console.log('run-vue'); var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script>{% raw %} . Definitivamente puede usar Vue o cualquier otro marco arbitrario en una tienda Shopify: todo lo que hace Shopify es proporcionarle un lenguaje de plantillas que puede usar para acceder a la información relacionada con la tienda. Puede cargar cualquier JS arbitrario (¡y he visto muchos javascript arbitrarios cargados en varias tiendas!) Sin embargo, el truco es que muchos lenguajes de plantillas usan delimitadores similares, por lo que si usa algo que también usa {{}} o {%%} sintaxis, debe decirle a Shopify que no analice esas secciones del lado del servidor.
En su caso, el punto de montaje solo necesitaría actualizarse a:
{% raw %} <div id="app"> {{ message }} </div> {% endraw %}