关于Vuex

92 阅读1分钟

1、什么是Vuex

Vuex就是一个仓库,仓库里面放了很多对象,其中state就是数据源存放地,对应于一般Vue对象里面的data。state里面存放的数据是响应式的,Vue组件从store读取数据,若是store中数据发生改变,依赖这项数据的组件也会发生更新。它通过mapState把全局的state和getters映射到当前组件的computed计算属性。

2、如何使用Vuex

  • npm install vuex --save
  • 新建store文件夹(非必须),并在store.js文件中引入Vue及Vuex
    import Vue from 'vue'
    import Vuex from 'vuex'
  • 通过Vue.use进行引用: Vue.use(Vuex)
  • main.js文件中引入store.js: import store.js from ./store/store.js
  • 实例化Vue对象时引入store
  • 常用方式(个人习惯):

    image.png