vue2.0+vuex+localStorage代办事项应用实现详解

前端之家收集整理的这篇文章主要介绍了vue2.0+vuex+localStorage代办事项应用实现详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue2.0+vuex+localStorage 待办事项源码:

参考代码:

代码预览

vuex官方文档 nofollow" target="_blank" href="https://vuex.vuejs.org/">https://vuex.vuejs.org/ 我觉的官方文档说明很详细

localStorage 用来本地储存数据

export default state

types.SET_SHIXIANG{
state.home.push(data)
localStorage.setItem("home",JSON.stringify(state.home));
},types.SET_YES{
state.item.push(data)
localStorage.setItem("item",JSON.stringify(state.item));
}
}

export default mutations

项目截图

项目运行

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build

猜你在找的Vue相关文章