如何用Vue开发一个包含长尾关键词的学生信息管理系统？

本文共计1120个文字，预计阅读时间需要5分钟。

一、主要功能本次任务主要使用Vue实现一个简单的学生信息管理系统，主要功能包括：

1.显示所有学生的信息（默认显示10个）

2.点击按钮，显示学号为单数或双数的学生信息

一、主要功能

本次任务主要是使用VUE来实现一个简单的学生信息管理系统，主要功能为：

1.显示所有学生的信息（默认为10个)
2. 点击按钮，显示出学号尾号为单数(或双数）的学生信息
3. 增加学生信息
4. 要求使用VUE中 父子组件间通信

二、实现思路

1.数据管理：使用json数组的方式来管理储存数据
2.显示学生信息：因为组件是可复用的 Vue 实例，所以在这里引入子组件（用来显示每个学生的信息），将主页作为父组件。主页（父组件）使用v-for循环显示子组件。
3.按单双号筛选查找学生：循环遍历json数组，进行判断，把符合条件的信息放到新的json数组。
4.使用 v-if 把符合筛选条件的学生信息显示在主页上。