Importing javascript file for use within vue component

Include an external JavaScript file

Try including your (external) JavaScript into the mounted hook of your Vue component.

export default {
  mounted() {
    const plugin = document.createElement("script");
    plugin.async = true;

Reference: How to include a tag on a Vue component

Import a local JavaScript file

In the case that you would like to import a local JavaScript in your Vue component, you can import it this way:


import * as mykey from '../assets/js/mykey.js'

export default {
  data() {
    return {
      message: `Hello ${mykey.MY_CONST}!` // Hello Vue.js!

Suppose your project structure looks like:

- assets
    - js
      - mykey.js
- components

And you can export variables or functions in mykey.js:

export let myVariable = {};
export const MY_CONST = 'Vue.js';
export function myFoo(a, b) {
    return a + b;

Note: checked with Vue.js version 2.6.10

try to download this script
import * from '{path}/mykey.js'.
or import script
<script src="//api.myplugincom/widget/mykey.js"></script> in <head>, use global variable in your component.