npm i vuex -s
add serve vuex
新建文件夾 store
在store下新建文件 index.js
編寫index.js
```
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vue.Store({})
export defaluf store
```
```
在main.js文件下引入
import Vue from 'vue'
// import App from './App.vue'
import Jd from './Jd'
import router from './router' // './router/index.js'
import store from './store'
Vue.config.productionTip = false
new Vue({
router,
store,
// render: h => h(App)
render: h => h(Jd)
}).$mount('#app')
```
存值
```
const store = new Vue.Store({
state :{
count : 1
}
})
```
```
用vuex在其他頁面取值
$store.state.count
this.$store.state.count
computed(){
count(){
return this.$store.state.count
}
}
```
方法/事件
在組件xx.vue文件中
```
<button @click='addFn'></button>
methods:{
addFn(){
this.$store.commit('add',)
}
}
```
在在store下的文件 index.js
```
mutaions:{
add(state){
state.count ++;
}
}
```
```
this.$store.state.count?++;瀏覽器插件獲取不到值
```
