vue json-serve 根据年级条件筛查代码

假设我们有一个名为`students.json`的文件，里面存储了学生的信息，其中包括`name`、`age`、`grade`等属性。

我们可以使用`json-server`来快速地创建一个模拟的RESTful API，供前端页面调用。

首先，我们需要安装`json-server`：

npm install -g json-server

接下来，在项目根目录下创建一个`db.json`文件，并在其中添加以下内容：

{
  "students": [
    { "id": 1, "name": "小明", "age": 18, "grade": "高一" },
    { "id": 2, "name": "小红", "age": 17, "grade": "高二" },
    { "id": 3, "name": "小刚", "age": 16, "grade": "高三" }
  ]
}

然后，在终端中执行以下命令启动`json-server`：

json-server --watch db.json

这样，我们就可以通过`http://localhost:3000/students`访问到学生信息的API了。

接下来，我们可以使用`axios`或其他类似的库来发送HTTP请求，以获取符合条件的学生信息。

比如，我们可以使用以下代码来获取年级为“高一”的学生信息：

axios.get('http://localhost:3000/students?grade=高一')
  .then(response => {
    console.log(response.data)
    // 处理返回的学生信息
  })
  .catch(error => {
    console.log(error)
  })

这样，我们就可以根据年级条件筛选出符合要求的学生信息了。