vue3 vite 直接使用sqlite

Vue 3 和 Vite 是现代前端开发框架和构建工具的组合，而 SQLite 是一种轻量级的关系型数据库系统。要在 Vue 3 中直接使用 SQLite，你可以借助一些库来简化这个过程，比如 `vue-sqlite-wrapper` 或者 `vue-prisma-vite`。

首先，你需要安装相应的依赖：

npm install vue-sqlite-wrapper prisma // 如果你想用 Prisma 进行 ORM 集成

对于简单的数据操作，如 CRUD（创建、读取、更新、删除），`vue-sqlite-wrapper` 是一个好的选择，它的用法类似这样的例子：

import SQLiteWrapper from 'vue-sqlite-wrapper'

const db = new SQLiteWrapper('myDatabase.db')

// 创建表
db.run('CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT)')

// 插入数据
db.insert('users', { name: 'John Doe' }).then(() => {
  console.log('User inserted')
})

// 查询数据
db.all('SELECT * FROM users').then(users => {
  console.log(users)
})

// 更新数据
db.update('users', { name: 'Jane Doe' }, { id: 1 }).then(() => {
  console.log('Name updated')
})

// 删除数据
db.delete('users', { id: 1 }).then(() => {
  console.log('User deleted')
})

如果你想使用 ORM（Object-Relational Mapping）的方式来操作数据库，Prisma 可能更合适，它会提供更高级别的 API：

import { PrismaClient } from '@prisma/client'
import prisma from './prisma'

const client = new PrismaClient()

async function createUser(name) {
  const user = await client.user.create({
    data: {
      name,
    },
  })
  console.log(user)
}

// 使用其他 Prisma 功能...