cdn vue 链接mysql

要连接Vue和MySQL，需要使用后端技术，例如Node.js或PHP。以下是使用Node.js连接Vue和MySQL的基本步骤：

1. 安装Node.js和MySQL
2. 创建一个Node.js项目并安装所需的依赖项，例如express和mysql
3. 在Node.js项目中创建一个MySQL连接池，以便可以轻松地管理多个连接
4. 创建一个API路由，该路由可以从Vue应用程序中调用，并使用连接池从MySQL数据库中检索数据
5. 在Vue应用程序中调用API路由以获取所需的数据

以下是一个简单的示例：

在Node.js项目中：

const express = require('express');
const mysql = require('mysql');

// 创建MySQL连接池
const pool = mysql.createPool({
  connectionLimit: 10,
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydatabase'
});

// 创建API路由
const router = express.Router();

router.get('/users', (req, res) => {
  // 从连接池中获取连接
  pool.getConnection((err, connection) => {
    if (err) throw err;

    // 查询MySQL数据库中的所有用户
    connection.query('SELECT * FROM users', (err, rows) => {
      connection.release();
      if (err) throw err;

      // 发送数据到Vue应用程序
      res.send(rows);
    });
  });
});

// 将API路由添加到应用程序
const app = express();
app.use('/api', router);

// 启动应用程序
app.listen(3000, () => {
  console.log('App listening on port 3000');
});

在Vue应用程序中：

<template>
  <div>
    <ul>
      <li v-for="user in users" :key="user.id">{{ user.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      users: []
    };
  },
  mounted() {
    // 调用API路由以获取用户数据
    fetch('/api/users')
      .then(res => res.json())
      .then(data => {
        this.users = data;
      });
  }
};
</script>