永远不要眼高手低，Vue完整实现一套简单的增删改查CURD操作

1: 永远不要眼高手低，看起来很简单，但是你从来没有去动手试一下，就不知道其中真正需要注意的许多细节，

2：完整code如下：

  1 
  2 "en">
  3 
  4 
  5     "UTF-8">
  6     "viewport" content="width=device-width, initial-scale=1.0">
  7     
  8     
  9 
 10 
 11 
 12 
 13     
"app">
 14         

 15             
for="inputid">"text"   v-model="inputid" v-bind:disabled="disableflag!=0">
 16             
for="inputname">"text"   v-model="inputname">
 17             
"submitbtn">操作按钮
 18         
 19         "1">
 20 21 22 23 24 25 26 27 28 29for="(item,index) in historys" :key="item.id">
 30 31 32 33 34 35 36
             

                 

                     
编号
                     
姓名
                     
时间
                     
操作
                 
             
             

                 
                     
{{item.id}}
                     
{{item.name}}
                     
{{item.cdate}}
                     
"javascript:;" v-on:click.prevent="edit(item.id)">编辑{{item.id}} | "javascript:;" v-on:click.prevent="deleteSoft(item.id,index)">删除
                 
             
         
 37     
 38 
 39     
139 
140 
141 

 3：测试效果如下

4：总结：  需要动手实操