vue 中用localstorage 和vuex 存值的方法

 1.vuex

const  store = {

        state:{ id:0 },

        mutations:{   SET_ID(state,id){state.id=id}   },

        actions:{ setId(commit,data){ commit ('SET_ID',data)}}

}

在页面中如何获取值和更改值

获取:

computed: {

    ...mapState({

      id: state => state.store.id

    })

  },

更改:

methods:{

       ...mapActions([ 'SetId' ]),

        //点击事件

        clickEvents(){

                this.SetId(1)

           }

}

2.localStorage

更改值:

const data={name:'张三',age:32}

window.localStorage.setItem('detail', JSON.stringify(data));

取值

JSON.parse(localStorage.getItem('detail'))

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。