Vue 开发 TodoList,运用 Vuex VueRouter
Vue 组件化开发 Vue 基于路由开发单页面应用
封装对 localStorage 的操作
先给出 github 地址:https://github.com/li-car-fei/vue_Todolist
本文不作详细讲解,todolist 的做法网上有很多,也做得非常好看且实用,我只给出关键的实现以及思路
首先,此项目运用 localStorage 本地储存,经常需要用到setItem
,getItem
的操作,所以封装一个类来方便调用,并和时间的处理放在一起
1 | const local_data = function () { |
接着,就要封装 Vuex,如下:
1 | import Vuex from "vuex"; |
最后,再看到 Search 页面的筛选功能:
1 | export default { |
如果对本项目有兴趣,可 github 查看:https://github.com/li-car-fei/vue_Todolist