vue3 中使用nwjs api

Vue 3本身并不支持NW.js API，但您可以使用Vue CLI和Webpack将NW.js API添加到您的项目中。以下是一些步骤：

1. 在您的Vue项目中安装nwjs包：

npm install nw --save-dev

2. 在您的Vue项目中创建一个新的build目录，并在其中创建一个新的webpack.config.js文件。

3. 在webpack.config.js文件中添加以下内容：

const webpack = require('webpack');
const path = require('path');

module.exports = {
  target: 'node-webkit',
  plugins: [
    new webpack.ExternalsPlugin('commonjs', [
      'nw.gui',
      'nw.win',
      'nw.menu',
      'nw.MenuItem',
      'nw.App',
      'nw.Screen'
    ])
  ],
  node: {
    __dirname: true,
    __filename: true
  },
  resolve: {
    alias: {
      nw: path.resolve(__dirname, 'node_modules/nw/nwjs')
    }
  }
};

4. 在您的package.json文件中添加以下内容：

{
  "scripts": {
    "build-nw": "vue-cli-service build --mode production --dest build/nw --config ./build/webpack.config.js"
  }
}

5. 运行以下命令来构建您的Vue项目：

npm run build-nw

6. 您现在应该在build/nw目录中看到一个新的index.html文件。您可以使用这个文件来启动您的NW.js应用程序，并使用nw对象访问NW.js API。例如，您可以使用以下代码来打开一个新的窗口：

const nw = require('nw.gui');
nw.Window.open('https://www.google.com');

请注意，这些步骤假定您使用Vue CLI和Webpack来构建您的Vue项目。如果您使用其他构建工具，您需要相应地更改配置文件。