综合案例-vue实现页面的增删改查

1. 页面渲染
    1) 隔行换色
    2) 分数小于60,显示红色
    3) 暂无数据和表格要互斥显示
    4) 总分和平均分显示到整数部分即可
2. 添加学生
    1) 点击添加按钮,在弹出的框中输入各项内容
    2) 点击新增按钮的时候,将数据保存到集合, 并且关闭新增框
        $("#addModal").modal('hide');
    3) 再次打开添加框,需要是空的    
3. 修改回显
    1) 点击修改按钮,将要修改的数据信息显示在弹出的框内
4. 修改学生
    1) 修改内容后,点击修改按钮,需要将修改后的数据更新到集合中
    2) 关闭修改框
        $("#updateModal").modal('hide');
5. 单个删除
    点击删除按钮,删除单个学生
6. 全选/反选
7. 批量删除
    同时选中多个学生,点击批量删除按钮,可以实现批量删除
8. 数据存储