npm i vuex --save
2: store文件夾下 index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export const store = new Vuex.Store({
state: {
login: 'login',
test: 'test'
}
})
3: main.js
import Vue from 'vue'
import Vuex from 'vuex'
import App from './App'
import {store} from './store'
Vue.use(Vuex)
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})
獲取vuex中的數據一般寫在computed(計算）中
import {mapState, mapGetters, mapMutations} from 'vuex'
export default {
data () {
return {
}
},
computed: {
...mapState(['user']),
...mapGetters(['person'])
},
methods: {
// ...mapMutations(['setUser']),
//調用mutations中方法的第一種方式
submitUserNameForm () {
// this.setUser('456')
this.$store.commit('setUser','456') //
調用mutations中方法的第二種方式
}
}
}
詳情參看https://blog.csdn.net/a3060858469/article/details/80717824