vue3项目连接mysql的完整过程

1. 安装mysql数据库

首先需要安装mysql数据库，可以在官网下载安装包进行安装，也可以通过包管理器进行安装。

2. 创建数据库和表

使用mysql命令行或者图形化工具创建数据库和表，例如：

CREATE DATABASE mydb;
USE mydb;
CREATE TABLE users (
  id INT(11) NOT NULL AUTO_INCREMENT,
  name VARCHAR(255),
  email VARCHAR(255),
  password VARCHAR(255),
  PRIMARY KEY (id)
);

3. 安装mysql驱动

在vue3项目中，需要安装mysql驱动，可以使用npm进行安装，例如：

npm install mysql

4. 连接数据库

在项目中使用mysql驱动连接数据库，例如：

const mysql = require('mysql');

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydb'
});

connection.connect((err) => {
  if (err) throw err;
  console.log('Connected to database');
});

module.exports = connection;

5. 编写查询语句

在项目中编写查询语句，例如：

const connection = require('./mysql');

const getUsers = () => {
  return new Promise((resolve, reject) => {
    connection.query('SELECT * FROM users', (error, results, fields) => {
      if (error) {
        reject(error);
      } else {
        resolve(results);
      }
    });
  });
};

module.exports = {
  getUsers
};

6. 调用查询方法

在vue3项目中调用查询方法，例如：

import { getUsers } from './api';

export default {
  data() {
    return {
      users: []
    };
  },
  async created() {
    try {
      const result = await getUsers();
      this.users = result;
    } catch (error) {
      console.log(error);
    }
  }
};