vue2.0+vuex+localStorage 待辦事項源碼:https://github.com/Mynameisfwk/vue-Todo-list
參考代碼:https://github.com/Mynameisfwk/vivo-shop
代碼預覽
vuex官方文檔 https://vuex.vuejs.org/ 我覺的官方文檔說明很詳細
localStorage 用來本地儲存數據
const state={ home:localStorage["home"]?JSON.parse(localStorage["home"]): [], item:localStorage["item"]?JSON.parse(localStorage["item"]): [],}export default stateconst 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 mutationsconst actions={ setOrder ({commit}, data) { commit('SET_SHIXIANG', data); }, setYes({commit},data){ commit('SET_YES',data) }}export default actions項目截圖


項目運行
# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build
新聞熱點
疑難解答