electron+vue怎么使用fs模块

我的vue文件是

<template>
html代码等
</template>
<script >
export default {
  name: "HelloWorldd",
  data() {
    return {
      msg: "Welcome",
    };
  },
  mounted() {
    this.show2 = true;
    this.mywindow.electron.doThing()
  },
  methods: {
//这个btnc 是个点击事件
    btnc(event) {

// 这个fs,我这样用会报错 fs is not defined
      fs.readFile('test.txt',(err,data)=>{
          console.log(data)
        })
      // this.mywindow.fs.readFile('xiaojiejie.txt',(err,data)=>{
      //
      //   this.ss=data
      //
      // })
    }

  },
};
</script>

这种样子的。

https://blog.csdn.net/aliven1/article/details/124963469
我用这个文件解决了

chatgpt来自

// 在组件中引用 remote 模块
const { remote } = require('electron')
const fs = remote.require('fs')

export default {
  methods: {
    readFile() {
      // 读取文件，并将内容赋值给 message 变量
      const message = fs.readFileSync('/path/to/file', 'utf-8')
      console.log(message)
    }
  }
}