怎么用vuex-along插件实现数据持久化

vuex是使用vue中必不可少的一部分，基于父子、兄弟组件，我们传值可能会很方便，但是如果是没有关联的组件之间要使用同一组数据，就显得很无能为力，那么vuex就很好的解决了我们这种问题，它相当于一个公共仓库，保存着所有组件都能共用的数据。

1.首先我们需要下载vuex依赖，在当前的vue文件中右键点击使用命令行窗口打开所在目录

输入以下代码

npm i vuex -S

下载vuex依赖，再去当前文件的package.json中查看是否存在vuex依赖

 

2、在store文件夹，新建个index.js文件

输入以下代码

import Vue from 'vue'
import Vuex from 'vuex'

import state from '@/store/state'//导入其他四个类
import actions from '@/store/actions'
import mutations from '@/store/mutations'
import getters from '@/store/getters'

import createVuexAlong from 'vuex-along' //vuex-along
Vue.use(Vuex)//在vue中使用vuex

const store = new Vuex.Store({
  state, // 共同维护的一个状态，state里面可以是很多个全局状态
  getters, // 获取数据并渲染
  actions, // 数据的异步操作
  mutations, // 处理数据的唯一途径，state的改变或赋值只能在这里
  plugins: [createVuexAlong()]//vuex-along
})


export default store //导出store