本文介紹了基于vue-cli的vuex配置，分享給大家，希望對大家有幫助
首先成功運行vue-cli項目
安裝vuex
cnpm i vuex --save
修改配置文件
store
新建文件夾store（與router同級）然后在store目錄下新建index.js
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.js
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.html
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue-cli</title> </head> <body> <div id="app"> <router-view></router-view> </div> </body></html>
上面對main.js和index.html做了修改。主要是符合個人的用法，這樣的好處是根組件只有index.html（如果可以理解為組件），而不是有app.vue和index.html兩個。
直觀上來看可能這樣就會出現每個組件都要引一個導航欄的問題，這樣可能不太好。但是從過往的開發經驗來看，如果在app.vue中定義了導航欄，那么相應的在app.vue中就要加入相應的業務邏輯，網站規模大了之后app.vue的業務邏輯會越來越多，不利于管理。（所以這里app.vue就可以刪除了）
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
