创建项目，从0到1的整个实战过程 二、安装需要的

说明：以下备注的作用是我再项目的作用~

1、安装axios：（作用：请求后台数据时候使用）
npm install --save axios

然后在main.js文件上面进行
import axios from ‘axios’
Vue.prototype.$Ajax = axios//挂载到原型上
以下的两个文件可以进行（作用：登录定位时用到的）。
2、vant 组件需要用到的地址文件，可以看我的另外一个文章
链接: https://blog.youkuaiyun.com/qq_18390335/article/details/123327320

3、区号省市的地址文件，可以看我的这个文章
链接: https://blog.youkuaiyun.com/qq_18390335/article/details/123327485

4、vuex 状态管理安装方法（作用：角色、数据模板使用、手机返关闭弹窗等）
官方解释：vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
① npm install --save axios
npm install vuex-persistedstate --save//安装插件，保存数据
安装完，创建一个js文件，

// vuex 状态管理
import Vuex from 'vuex'
Vue.use(Vuex)
const state={
    yqm: '', //邀请码
    location: {
        province: '', //当前定位省份
        city: '', //当前定位城市
        district: '', //当前定位区
        LngLat: '', //当前定位经纬度
        o_city: '', //切换的其他城市
    },
}
const mutations={}
const actions={}
export default new Vuex.Store({
   // plugins: [createPersistedState()],//没有任何参数的配置写法
  plugins: [createPersistedState({//带参数的写法  插件用法： npm install vuex-persistedstate --save
     storage: window.localStorage,//要存的地方，如果不配置，默认是localStorage
     //paths: ['study','mockApi']//要存的数据模块，如果不配置，就是所有模块的数据都保存
       reducer(val) {
                return {
                    //userInfo: val.userInfo,
                    //token: val.token,
                    //badge: val.badge,
                    //model_switch: val.model_switch,
                    //yqm: val.yqm,
                    //location: val.location
                }
            }
  })],
 state,
    mutations,
    actions,
    // 模块化
   // modules: {
     //   designer,
     //   similar
    //}
})

② Getter:是一个纯函数，用于接收state 参数。返回你需要取的值
mutation:是对 state 进行修改
action:处理数据，对处理的数据 返回给 mutation 从而对 state 进行修改。
modules:将store分割成模块（modules）,每个模块拥有自己的(state,mutations,actions,getter);方便维护