使用自己的JS文件，其中包含vue组件中的类

Question

我有一个js文件，其中包含一些带有函数的类。我有一个vue组件，我喜欢在其中创建该类的实例。(如果我直接将文件复制粘贴到我的标签中，则所有内容都能正常运行

myfile.js

class myclass{

constructor(x){
this.x=x
}
}

在vue组件脚本标签中，我想使用

<script>
..
mounted(){
let myinstance = new myclass("hi") 
console.log(myinstance.x) 
}
..
</script>

-从这里开始，我说我到目前为止尝试过的(没有成功(，如果你喜欢解决方案，你可以跳过

<script>
import myclass from "myfile.js"

失败的信息是，我应该先安装js文件。

我试过了，但失败了，因为他想要一个包

我在myfile.js所在的文件夹中创建了一个package.json

{
"name"        : "myfile",
"version"     : "0.0.1",
"main"        : "myfile.js",
"scripts"     : {
},
"dependencies": {
}
}

但它以无法从"…"安装而失败；。。。。\src\baujs\myfile.js"因为它不包含package.json文件

我尝试了许多不同的变体，但似乎我的搜索方向不对。如果有人能引导我朝着正确的方向前进，那就太好了。提前感谢

Answer 1

点击此处阅读有关JS模块的更多信息

首先你需要导出你的类

myFile.js

export class myclass{

constructor(x){
this.x=x
}
}

然后导入

import { myclass } from "myfile.js"