vue组件中引入js文件并使用

1. 在Vue组件中引入js文件

可以使用`import`语句在Vue组件中引入js文件。例如：

import test from './test.js'

这里假设`test.js`文件位于Vue组件的同一目录下。

2. 在Vue组件中使用js文件中的函数或变量

在Vue组件中，可以直接使用js文件中导出的函数或变量。例如：

export default {
  data() {
    return {
      message: test.getMessage()
    }
  },
  methods: {
    handleClick() {
      test.showMessage(this.message)
    }
  }
}

在这个例子中，Vue组件中使用了`test.js`文件中导出的`getMessage`和`showMessage`函数。

需要注意的是，如果js文件中导出的是一个对象，可以使用对象的属性来访问其中的函数或变量。例如：

// test.js
export default {
  getMessage() {
    return 'Hello, world!'
  },
  showMessage(message) {
    alert(message)
  }
}

// Vue组件
import test from './test.js'

export default {
  data() {
    return {
      message: test.getMessage()
    }
  },
  methods: {
    handleClick() {
      test.showMessage(this.message)
    }
  }
}