vue如何实现本地存储添加删除修改功能

这篇文章给大家分享的是有关vue如何实现本地存储添加删除修改功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

具体内容如下

实现功能：

输入的内容添加到正在进行列表中，

双击修改功能，

点击esc键，取消，还是之前的内容，

点击回车，修改成功，

修改框失焦时修改成功，

选中按钮时进入已完成列表，未选中时在正在进行中列表，

点击删除进行删除当行，

本地存储下次打开上次添加的还在

           
               
正在进行中{{undolist.length}}
   
        
     
                     {{item.name}}               
          X    
   
      
已经完成{{doneList.length}}
   
        
     
                     {{item.name}}               
          X    
   
  
   

感谢各位的阅读！关于"vue如何实现本地存储添加删除修改功能"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！