Javascript 在vue组件中使用自己的包含类的JS文件

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

myfile.js

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

在我想使用的vue组件脚本标记中

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

}
..
</script>

但它失败，无法从“…\src\baujs\myfile.js”安装，因为它不包含package.json文件

---

我尝试了许多不同的变体，但似乎我搜索的方向是错误的。如果有人能给我一个正确方向的线索，那就太好了。提前感谢您阅读更多关于JS模块的信息

首先，您需要导出类

myFile.js

export class myclass{
  
  constructor(x){
      this.x=x
    }
}

然后导入

import { myclass } from "myfile.js"

---

谢谢你的评论，在你的帮助下，我成功了。我忘了说我已经尝试导出了，但是我把整个js文件包装到了导出默认值{class myclass…}}，现在我在我的mainclass之前写了“export”，一切都正常了。谢谢你的重新启动。祝你过得愉快！ps：你的资源很有用（并且没有超载）太多。

export class myclass{
  
  constructor(x){
      this.x=x
    }
}

import { myclass } from "myfile.js"