用vue2.0+vuex+localStorage擼個代辦事項小運用

2019年8月24日 165次阅读 来源: justDoin

寫在前面

這個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

項目截圖

《用vue2.0+vuex+localStorage擼個代辦事項小運用》
《用vue2.0+vuex+localStorage擼個代辦事項小運用》

項目運轉

# 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擼個代辦事項小運用》

    原文作者：justDoin
    原文地址: https://segmentfault.com/a/1190000015096070
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞