上面的查询结果是用代码app.post("/stu/showstu",function(req,res){ var id=req.body.stuid console.log("查看的id是"+id) client.query("select * from xx where id=? ",[id],function (err, results) { data={ msg:'查询成功', stu:results } console.log(results) res.send(data) }) })的到的，现在要用新的页面用vue接收

要用Vue接收查询结果，你需要在Vue组件中定义一个data属性来存储查询结果，然后在mounted钩子函数中使用axios发起POST请求，将查询结果存储到data属性中。下面是一个简单的示例：

<template>
  <div>
    <input v-model="id" type="text" placeholder="输入学生ID">
    <button @click="showStu">查询</button>
    <div v-if="stu">
      <p>{{stu.name}}</p>
      <p>{{stu.age}}</p>
      <p>{{stu.gender}}</p>
    </div>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      id: '',
      stu: null
    }
  },
  methods: {
    showStu() {
      axios.post('/stu/showstu', {stuid: this.id}).then(response => {
        this.stu = response.data.stu[0]
      }).catch(error => {
        console.log(error)
      })
    }
  }
}
</script>

在这个示例中，我们在data属性中定义了id和stu两个属性，分别用来存储查询条件和查询结果。当用户点击查询按钮时，我们调用showStu方法，使用axios发起POST请求，将查询条件作为请求体发送给服务器。服务器返回查询结果后，我们将第一个学生对象存储到stu属性中，并在页面上显示学生的姓名、年龄和性别。