# vuex-todo-list
**Repository Path**: zhanligui/vuex-todo-list
## Basic Information
- **Project Name**: vuex-todo-list
- **Description**: 基于vue2.0+vuex+localStorage写的记事本
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-04
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 基于vue2.0+vuex+localStorage写的记事本
## 写在前面
> 这个demo虽然功能少，但是其知识点很精华 基本上vuex知识点大部分都在这里面了，麻雀虽小 五脏俱全
> 如果你觉的对你有帮助帮忙点个star谢谢 感谢大佬！
## 代码预览
> vuex官方文档 https://vuex.vuejs.org/ 我觉的官方文档说明很详细
> localStorage用来本地储存
```bash
const state={
home:localStorage["home"]?JSON.parse(localStorage["home"]): [],
item:localStorage["item"]?JSON.parse(localStorage["item"]): [],
}
export default state
```
```bash
const mutations={
[types.SET_SHIXIANG](state,data){
state.home.push(data)
localStorage.setItem("home",JSON.stringify(state.home));
},
[types.SET_YES](state,data){
state.item.push(data)
localStorage.setItem("item",JSON.stringify(state.item));
}
}
export default mutations
```
```bash
const actions={
setOrder ({commit}, data) {
commit('SET_SHIXIANG', data);
},
setYes({commit},data){
commit('SET_YES',data)
}
}
export default actions
```
## 项目截图
## 项目运行
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
```
## 写在最后
