localStorage和store.js存数据

696 阅读1分钟

window.localStorage两种方式:(刷新数据不会消失)

1.window.localStorage.data="XXX"

2.window.localStorage.setItem("data", "XXX");

获取数据:

1.window.localStorage.data="XXX"

2.window.localStorage.getItem("data")

删除数据 window.localStorage.removeItem("data")

store.js全局存储变量:(刷新页面会消失)

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const Store=new Vuex.Store({
    state:{
    bankInf:{"name":"我是vuex的第一个数据","id":100,"bankName":"中国"}
    },
    mutations:{
        newBankName(state,msg) {
            state.bankInf.bankName=msg
        }
    }

组件中修改全局变量: this.$store.commit("newBankName",this.text)