vuex学习保留
来源:互联网 发布:js 判断上传文件类型 编辑:程序博客网 时间:2024/06/09 14:47
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
export default new Vuex.Store({
state:{ //state 保存所有组件都可能用到的 /兄弟组件 用到的
//详情信息
show:false,
distance:0,
position:''
},
getters:{ //getters 获取状态用的
getShow(state){
return state.show
},
getDistance(state){
return state.distance
},
getPosition(state){
return state.position
}
},
mutations:{ //mutation 用来同步操作你的state
setShow(state,parmas){
return state.show=parmas;
},
setDistance(state,params){
return state.distance=params
},
//设置位置信息
setPosition(state,params){
return state.position=params;
}
},
actions:{ //如果是异步操作你的state 必须用actions action来操作 mutations 进而操作 state
setShowInfo({commit},parmas){
commit('setShow',parmas);
},
setDistances({commit},parmas){
commit('setDistance',parmas);
},
setPositions({commit},params){
commit('setPosition',params);
}
}
import Vuex from 'vuex'
Vue.use(Vuex);
export default new Vuex.Store({
state:{ //state 保存所有组件都可能用到的 /兄弟组件 用到的
//详情信息
show:false,
distance:0,
position:''
},
getters:{ //getters 获取状态用的
getShow(state){
return state.show
},
getDistance(state){
return state.distance
},
getPosition(state){
return state.position
}
},
mutations:{ //mutation 用来同步操作你的state
setShow(state,parmas){
return state.show=parmas;
},
setDistance(state,params){
return state.distance=params
},
//设置位置信息
setPosition(state,params){
return state.position=params;
}
},
actions:{ //如果是异步操作你的state 必须用actions action来操作 mutations 进而操作 state
setShowInfo({commit},parmas){
commit('setShow',parmas);
},
setDistances({commit},parmas){
commit('setDistance',parmas);
},
setPositions({commit},params){
commit('setPosition',params);
}
}
})
放本地也在也在里面操作
这样就可以 实现的状态的获取 /保存了
阅读全文
0 0
- vuex学习保留
- vuex学习
- 学习vuex
- Vuex 学习总结
- Vuex学习笔记
- vuex学习实践笔记
- vuex的入门学习
- Vuex学习笔记
- VUEX学习与实践
- Vuex 学习总结
- vuex学习实践笔记
- vuex学习实践笔记
- vuex学习总结
- vuex学习笔记
- vuex学习一
- vuex学习二
- vuex学习三
- vuex学习四----getters
- webstorm设置sass自动编译
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 关于使用MFC DLL时提示内存泄漏问题
- 51nod1298 圆与三角形(点到点,点到线段距离模板)
- matlab与c中常用的多行注释
- vuex学习保留
- 新建txt,创建快捷方式
- 《OpenCV3编程入门》学习笔记六:图像处理
- 每天一个linux命令(53):route命令
- STS(Spring Tool Suite™ )资源
- android点击进行拍照,把拍到的图回传给ImageView
- GitChat·架构 | 如何从零开始搭建高性能直播平台?
- springMVC详解
- Educational Codeforces Round 27 A B 暴力+贪心 C 贪心+排序