vue2.0实现列表数据增加和删除

本文实例为大家分享了vue2.0实现列表数据增加和删除的具体代码，供大家参考，具体内容如下

css

 [v-cloak]{
  display: none;
 }
 table{
  width: 800px;
  border-collapse: collapse;
  margin: 20px auto;
 }
 table th,table td{
  background: #0094ff;
  color: white;
  font-size: 16px;
  padding: 5px;
  text-align: center;
  border: 1px solid black;
 }
 table td{
  background: #fff;
  color: red;
 }

html

 
 
 添加
 

  

   
编号
   
名称
   
创建时间
   
操作
  
  

   
当前列表无数据
  
  

   
{{item.id}}
   
{{item.pname}}
   
{{item.ctime}}
   

    
    
    
    删除
   
  
 

js

效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。