vuex学习

vuex基础版

目录结构

│  App.vue
│  main.js
│
├─assets
│      logo.png
│
├─components
│      HelloWorld.vue
│
├─router
│      index.js
│
└─store
       index.js

初始化store下index.js中的内容

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

//挂载Vuex
Vue.use(Vuex)

//创建VueX对象
export default new Vuex.Store({
    state:{
        //存放的键值对就是所要管理的状态
        name:'helloVueX'
    }
})

将store挂载到当前项目的Vue实例当中去

import Vue from 'vue'
import App from './App.vue'
import router from './router/index'
// import './assets/iconfont/iconfont.css'
import Vant from 'vant';
import 'vant/lib/index.css';
import 'amfe-flexible/index.js'

import store from './store'
Vue.use(Vant);
Vue.config.productionTip = false

new Vue({
    router,
    Vuex,
    store,
    render: h => h(App),
}).$mount('#app')

报错可能原因

This relative module was not found:

1. 引入路径不对
2. vuex插件出错 卸载重装

npm uninstall vuex //卸载
npm install vuex //安装