vuex (概念、几部分组成、map高级语法、数据持久化)

一、概念
1.vuex是状态管理工具、主要实现组件通信中的数据共享

2.在项目比较庞大的时候使用vuex

二、几部分组成
1.state 数据存储

 1. <template>
 2.  <div> {
   {
   $store.state.a}} </div> 
 3. </template> 
 4. state: {
   
     a:"a"   
    },

2.metations 可以直接操作state中的数据
需要有事件调用

  methods: {
   

  tz(){
   
      this.$store.state("a")
       }
    }
     mutations:{
   
       a(state){
   
         state.a
       }
  },

3.actions 异步调用、可以通过