在vue store 中定义全局变量
程序员文章站
2024-01-21 21:09:04
...
使用环境:
项目里很多页面都会使用到的静态变量,数据里小,一般情况下也不会有改动,可以不需要通过接口获取的。
1、在store下面新建publicSet.js文件。
2、publicSet.js:
这些值一般都是接口的参数,很多接口都会用到的参数。只获取,不能修改它。所以这里就不写actions了。
//系统里公共的数据,例如来源类型、岗位类型
const state = {
source:[
{
id:"1",
text:"公众号"
},{
id:"2",
text:"拼团"
},{
id:"3",
text:"小程序"
},
],
}
const mutations = {
SET_SOURCE: (state, source) => {
state.source = source
},
}
const actions = {
}
export default {
namespaced: true,
state,
mutations,
actions
}
3、其他页面直接调用: this.$store.state.publicSet.source
computed: {
sourceArr() {
return this.$store.state.publicSet.source
},
},
下一篇: python 函数内部声明全局变量