Detailed explanation of the specific usage of mapState in Vuex

I encountered a pitfall when using Vuex today, which can be said to be my own ignorance. After a long time of struggle, I finally found that my code was wrong. It's really thundering~~~~~~

import Vue from 'vue'
import Vuex from 'vuex'
import mutations from './mutations'
import actions from './action'
import getters from './getters'

(Vuex)

const state = {
 userInfo: { phone: 111 }, //User Information orderList: [{ orderno: '1111' }], //Order list orderDetail: null, //Order product details login: false, // Whether to log in}

export default new ({
 state,
 getters,
 actions,
 mutations,
})

computed: {
   ...mapState([
    'orderList',
    'login'
   ]),
  }, 
  mounted(){ 
   (typeof orderList); ==>undefind
   (typeof )==>object
  }

mapState maps this through extension operators. This map is very important, which maps directly to this object of the current Vue.

So these objects can be pointed out through this. Similarly, mapActions and mapMutations are the same. Remember ~~~

The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.