vue通过本地存储来实现todolist

1.效果图

 2.分析步骤 

        1.首先写vue先引入：<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

        2.接着写静态布局

        3.挂载dom

        4.添加指令

        5.保存需要的数据

        6.添加数据

        7.删除数据

        8.改变每一条数据的状态 完成和未完成

        9.给全部 未完成 完成 添加点击事件  同时存储actived的状态

        10.监听 actived的状态  改变 显示的数据  （深度监听用 deep:true ）

        11.监听list数据  更新showList的数据

        12.本地存储实现存储

3.代码块部分

        按步骤操作

               1.首先：引入vue.js

               2.用到bootstrap来布局（我是在同一个文件夹下载的boostrap插件通过link引入）