Vuex的使用

VUEX

Vuex的使用

安装Vuex

1
npm install vuex --save

淘宝镜像

1
cnpm install vuex --save

新建js文件

可以放在store文件夹中命名为index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import Vue from 'vue'
import vuex from 'vuex'
Vue.use(vuex);

export default new vuex.Store({
state: {
api:'http://wjdh03.sjgogo.cn/api/',
token:"57373A7E05CB44079B2F12C14A5E83A9",
domain: "http://www.baidu.com",
notice: true,
},
mutations: {
domainURI(url) {
var durl = /http:\/\/([^\/]+)\//i;
var domain = url.match(durl);
return domain[1];
}
}
})

调用Vuex

main.js中引入Vuex并使用

1
import store from './store'  //引入Vuex

载入Vuex

1
2
3
4
5
const vue = new Vue({
router,
store, //载入Vuex
render: h => h(App)
}).$mount('#app')

使用全局状态(变量)

在需要使用的组件中 使用调用

坚持原创技术分享,您的支持将鼓励我继续创作!
0%