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'))
1.vuex const store = { state:{ id:0 }, mutations:{ SET_ID...
数据存储和页面传值 数据存储 Vue 数据存储方法有Vuex、LocalStorage、SessionStorag...
Vue使用vuex和localStorage
需求：刷新页面，登录状态不会因此改变 首先说一下vuex和localStorage的区别 1.实质区别 vuex存...
1.vue传参 vue传参使用路由传参params，query，或者使用vuex，localStorage，vue...
需求：刷新页面，登录状态不会因此改变 首先说一下vuex和localStorage的区别 1.实质区别vuex存的...
今天在博客项目中用到了vuex，记录下vuex 的使用方法。Vuex 是一个专为 Vue.js 应用程序开发的状态...
sessionStorage和localStorage如何存储对象呢？ 首先想到的是key - value存值就好...
本文采用vue2.0+vuex+localStorage+sass+webpack，实现一个本地存储的记事本。兼容...
本文标题：vue 中用localstorage 和vuex 存值的方法
本文链接：https://www.haomeiwen.com/subject/bsjtzhtx.html
网友评论