Vue学生信息管理（实现增删改查功能）

（1）本案例中采用了数据备份，以便于后期的学生信息查询，由于每次查询完成后，学生信息将会清空，这对下一次查询的时候会造成影响，因此我们将数据备份之后，不会影响下一次的学生信息检索。代码中的arr就是我备份的学生信息数据。

（2）本案例中采用了箭头函数（Arrow Function），在select()方法中，这是ES6中新增加的一种语法，箭头函数表达式的语法比函数表达式更加简洁，并且没有自己的this,arguments,super或new.target。箭头函数更适用于本来需要匿名函数的地方，并且它不能用作构造函数。

其他的就是一般vue和之前JS的语法，比较简单了。

案例运行视频在这里哦

	
		
		
		
		
	
	
		

			
				
添加学生
				
				
				
				添加
			

			
				
查询学生
				
				查询
			

			

				

					
学生信息表
				
				

					
序号
					
姓名
					
年龄
					
操作
				
				

					

						{
    {index+1}}
					
					

						{
    {obj.username}} 修改
					
					

						{
    {obj.age}} 修改
					
					

						删除
					
				
				

					
全部删除
				
			
		
	

这里是上面程序中用到的方法，写在script标签中。add()–添加学生信息的方法；delAll()–删除所有学生信息的方法；deline()–删除这一行学生信息的方法；change1()–修改学生姓名的方法；change2()–修改学生年龄的方法；select()–查找学生信息的方法。