用vue+php+mysql写一段查询数据的代码

好的，以下是一个简单的使用Vue.js、PHP和MySQL进行数据查询的示例代码：

前端代码（使用Vue.js）：

<template>
  <div>
    <h2>查询数据</h2>
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>名称</th>
          <th>价格</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in items" :key="item.id">
          <td>{{ item.id }}</td>
          <td>{{ item.name }}</td>
          <td>{{ item.price }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: []
    }
  },
  mounted() {
    this.fetchData()
  },
  methods: {
    fetchData() {
      fetch('/api/getData.php')
        .then(response => response.json())
        .then(data => {
          this.items = data
        })
    }
  }
}
</script>

后端代码（使用PHP和MySQL）：

<?php
// 数据库连接信息
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database_name";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}

// 查询数据
$sql = "SELECT id, name, price FROM products";
$result = $conn->query($sql);

// 将查询到的数据转换成数组
$data = array();
if ($result->num_rows > 0) {
  while ($row = $result->fetch_assoc()) {
    $data[] = $row;
  }
}

// 输出数据（以JSON格式）
header('Content-Type: application/json');
echo json_encode($data);

// 关闭连接
$conn->close();
?>

注意：这只是一个简单的示例代码，实际开发中需要注意安全性和性能等问题。