脚本宝典收集整理的这篇文章主要介绍了用vue2.0+vuex+localStorage撸个代办事项小应用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
这个demo虽然功能少,但是vuex知识点大部分都在这里面了,麻雀虽小 五脏内全应用项目地址 传送门 代办事项地址在这里
这是用vue2.0写的商城 高仿vivo商城 地址在这里
如果你觉的对你有帮助帮忙点个star谢谢 感谢大佬!
前端交流群740625675 志同道合的可以加下一起学习!
vuex官方文档 https://vuex.vuejs.org/ 我觉的官方文档说明很详细localStorage 用来本地储存数据
const state={
home:localStorage["home"]?JSON.parse(localStorage["home"]): [],
item:localStorage["item"]?JSON.parse(localStorage["item"]): [],
}
export default state
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
const actions={
setOrder ({commit}, data) {
commit('SET_SHIXIANG', data);
},
setYes({commit},data){
commit('SET_YES',data)
}
}
export default actions
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
前端实习生一枚,做的不好,还望大佬嘴下留情 轻喷 大佬我想要个star
以上是脚本宝典为你收集整理的用vue2.0+vuex+localStorage撸个代办事项小应用全部内容,希望文章能够帮你解决用vue2.0+vuex+localStorage撸个代办事项小应用所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。