Tauri Vue3 获取系统信息 - 使用 systeminfo API

要在 Tauri 中获取系统信息，可以使用'systeminfo' API。

首先，需要在'tauri.conf.json' 文件中添加'systeminfo' 插件：

{
  "plugins": [
    {
      "name": "systeminfo"
    }
  ]
}

然后，可以在 Vue 组件中使用'this.$tauri.promisified' 方法来调用'systeminfo' API：

<template>
  <div>
    <button @click="getSystemInfo">获取系统信息</button>
    <p v-if="systemInfo">系统信息: {{ systemInfo }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      systemInfo: null
    }
  },
  methods: {
    async getSystemInfo() {
      try {
        const systemInfo = await this.$tauri.promisified({
          cmd: 'systeminfo.get'
        })
        this.systemInfo = systemInfo
      } catch (error) {
        console.error(error)
      }
    }
  }
}
</script>

上述代码中，当用户点击按钮时，会调用'getSystemInfo' 方法来获取系统信息，并将结果存储在'systemInfo' 变量中。然后，可以在模板中显示系统信息。

请注意，上述代码假设你已经正确配置了 Tauri 和 Vue3，并使用了'@tauri-apps/cli' 来创建和构建项目。