How to reference static assets within vue javascript

For anyone looking to refer images from template, You can refer images directly using ‘@’

Example:

<img src="https://stackoverflow.com/questions/47313165/@/assets/images/home.png"/>

Related Contents:

  1. Use arrow function in vue computed does not work
  2. Vue.js dynamic images not working
  3. How to add external JS scripts to VueJS Components?
  4. vuejs update parent data from child component
  5. How to use .env variables in Nuxt 2 or 3?
  6. Vue 2 – Mutating props vue-warn
  7. VueJS: why is “this” undefined?
  8. Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
  9. Communication between sibling components in Vue.js 2.0
  10. Detect click outside element
  11. How to fix navigator / window / document is undefined in Nuxt
  12. Why does Prettier not format code in VS Code?
  13. Vue.js – How to properly watch for nested data
  14. Vuejs and Vue.set(), update array
  15. Can I pass parameters in computed properties in Vue.Js
  16. Vue.js 3 Event Bus
  17. Leaflet- marker click event works fine but methods of the class are undefined in the callback function
  18. Why not always use the index as the key in a vue.js for loop?
  19. Wrapping lines/polygons across the antimeridian in Leaflet.js
  20. Methods vs Computed in Vue
  21. Call a Vue.js component method from outside the component
  22. How to watch store values from vuex?
  23. Difference between the created and mounted events in Vue.js
  24. Vue – Deep watching an array of objects and calculating the change?
  25. [Vue warn]: Property or method is not defined on the instance but referenced during render
  26. forEach is not a function error with JavaScript array
  27. Vue.js get selected option on @change
  28. NavigationDuplicated Navigating to current location (“/search”) is not allowed
  29. How to listen for ‘props’ changes
  30. How to format Vuetify data table date column?
  31. Leaflet marker event fires at wrong time
  32. How to call function on child component on parent events
  33. Leaflet event: how to propagate to overlapping layers
  34. How can I bind the html content in vuejs?
  35. importing a package in ES6: “Failed to resolve module specifier “vue””
  36. Running an Express server middleware alongside Nuxt
  37. Vue 3 reactivity not triggered from inside a class instance
  38. How to set up flexible grid in Vue Material
  39. How to get a leaflet map canvas to have a 100% height?
  40. Passing props with programmatic navigation Vue.js
  41. How to update the document ID in firebase firestore? [duplicate]
  42. VueJS/Typescript – Cannot find module ‘./components/Navigation’ or its corresponding type declarations
  43. Vue converts input[type=number] to a string value
  44. VueJs templating. How to load external templates
  45. Access vue instance/data inside filter method
  46. How do I hide the VueJS syntax while the page is loading?
  47. What’s the correct way to pass props as initial data in Vue.js 2?
  48. Is it possible to pass a component as props and use it in a child Component in Vue?
  49. Is there any way to ‘watch’ for localstorage in Vuejs?
  50. Importing javascript file for use within vue component

Leave a Comment