Conflict on Template of Twig and Vue.js

by

Just change default delimiters for vue. Here’s how:

Vue.js 1.0

Define delimiters globally (docs).

Vue.config.delimiters = ['${', '}']

Vue.js 2.0

Define delimiters for component (docs).

new Vue({
  delimiters: ['${', '}']
})

Vue.js 3.0

Define delimiters for application (docs).

Vue.createApp({
  delimiters: ['${', '}']
})

More Related Contents:

  1. Twig variable in external JS file
  2. Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
  3. What does the @ mean inside an import path?
  4. How to fix navigator / window / document is undefined in Nuxt
  5. Why does Prettier not format code in VS Code?
  6. Vue.js – How to properly watch for nested data
  7. How to watch store values from vuex?
  8. importing a package in ES6: “Failed to resolve module specifier “vue””
  9. How to format Vuetify data table date column?
  10. Passing props dynamically to dynamic component in VueJS
  11. Running an Express server middleware alongside Nuxt
  12. How to load all server side data on initial vue.js / vue-router load?
  13. Vue converts input[type=number] to a string value
  14. Access vue instance/data inside filter method
  15. How to access to a child method from the parent in vue.js
  16. Vue template or render function not defined yet I am using neither?
  17. Global data with VueJs 2
  18. How to set up flexible grid in Vue Material
  19. How to use dynamic tailwind classes with JS switch statement and pass them correctly in Vue?
  20. Vue: How do I call multiple functions with @click?
  21. How can I bind the html content in vuejs?
  22. Vue.js – update router view
  23. Vue components communication
  24. How to display async data in vue template
  25. Vue.js unknown custom element
  26. How to navigate using vue router from Vuex actions
  27. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  28. How to bind img src to data in Vue
  29. Detect Back Button in Navigation Guards of Vue-Router
  30. How to import ipcRenderer in vue.js ? __dirname is not defined

Leave a Comment