Load another javascript file in VueJS component

Question

how can i load Javascripts files in Vue js components ? (Best way)

• Jaromanda X: best way? so, what ways have you tried?
• A. El-zahaby: Does this answer your question? How to add external JS scripts to VueJS Components

Answer 1

you can just create script element in the mounted method :

<script>
 export default {
 data: () => ({
 // ...data of your component
 }),
 mounted() {
 let script1 = document.createElement('script')
 script1.setAttribute('src', 'path/to/file.js')
 script1.async = true
 document.head.appendChild(script1)
 }
 }
</script>