基於vue-cli的vuex配置

時間 2019-11-15

標籤基於 vue cli vuex 配置简体版

原文原文鏈接

首先成功運行vue-cli項目html

安裝vuexvue

cnpm i vuex --save

修改配置文件vuex

storevue-cli

新建文件夾store（與router同級）
而後在store目錄下新建index.jsnpm

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

Vue.use(Vuex);
export default new Vuex.Store({
  strict: process.env.NODE_ENV !== 'production',
  modules: {

  },
  getters: {

  },
  actions: {

  },
});

main.jssegmentfault

import Vue from 'vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  router,
  store
}).$mount('#app')

index.htmlapp

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-cli</title>
  </head>
  <body>
  <div id="app">
    <router-view></router-view>
  </div>
  </body>
</html>