vuex知识点以及相关笔记

1、Vuex理解？可以解决什么问题？

Vuex：是一个状态管理工具，解决数据共享问题，方便后期维护和修改，管理多个组件共享状态，让代码结构更清晰，跟踪状态改变

2、Vuex的五大核心以及如何调用属性和方法？

State:存放状态       getters：相当于计算属性，类似与数据共享属性

Mutations：唯一改变提交mutations，通过this.$store.commit调用

Actions：异步操作，通过dispatch来改变state

Modules：：模块

3、 vuex的执⾏机制是什么?

我们⼀般是在组件⾥⾯调⽤this.$store.dispatch⽅式来触发actions⾥⾯的⽅法,在actions ⾥⾯的⽅法通过commit来调⽤mutations⾥⾯定义的⽅法来改变state,同时这也是vuex的执⾏机制

4、Vuex的弊端的是什么？如何解决？

在项目中要改变state状态，一般在组件调用this.$store.dispatch来触发actions，

在actions里的方法通过commit调用mutations来改变state

5、使用vuex

1.安装

vuex的版本要领先vue版本，即当vue版本为vue2.xxx时，vuex的版本应该为vuex3.xxx，

当vue3时，就应当安装vuex4

开始安装：在项目根目录下安装 

首先通过命令查找所有可用的vuex版本

npm view vuex versions --json

在package.json中查看vue的版本

在项目中安装指定的vuex3.版本

 npm i vuex@3.6.2
 全局安装指定版本

npm install -g vuex@4.0.0

使用vuex 

 引入插件后，use方法使用插件，然后定义仓库store

// 引入插件vuex
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
    state: {
      count: 0
    },
    mutations: {
      increment (state) {
        state.count++
      }
    }
  })
 将store挂载到vue实例上

new Vue({
    el:'#app',
    store,
    render: h => h(App)
})
此时所有的组件实例都可以访问到store