本文介紹了基于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兩個。
直觀上來看可能這樣就會出現(xiàn)每個組件都要引一個導(dǎo)航欄的問題，這樣可能不太好。但是從過往的開發(fā)經(jīng)驗來看，如果在app.vue中定義了導(dǎo)航欄，那么相應(yīng)的在app.vue中就要加入相應(yīng)的業(yè)務(wù)邏輯，網(wǎng)站規(guī)模大了之后app.vue的業(yè)務(wù)邏輯會越來越多，不利于管理。（所以這里app.vue就可以刪除了）
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選
