En vue.js 2.x solía hacer simplemente
new Vue({ delimiters: ['${', '}'], ... } Pero ahora parece que ya no funciona en vue 3.0.2 o 3.1.2 :
const app = Vue.createApp({ delimiters: ['${', '}'], data() { return { display: 'redbox', } },Siguiendo los documentos , también intenté agregarlo después del constructor como:
const app = Vue.createApp({...}); app.compilerOptions.delimiters = ['${', '}']; app.mount("#vue-enhanced-page"); Pero tampoco funcionó y los delimitadores se muestran literalmente como ${p.title} . Así que agradezco su ayuda para arreglar esto.
Vale la pena señalar que importo vue desde cdn a mi página html:
<script src="https://unpkg.com/vue@3.1.2"></script>