Vuex 是什么？

成都創(chuàng)新互聯(lián)公司專注于海滄網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供海滄營銷型網(wǎng)站建設(shè)，海滄網(wǎng)站制作、海滄網(wǎng)頁設(shè)計(jì)、海滄網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造海滄網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供海滄網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。Vuex 也集成到 Vue 的官方調(diào)試工具 devtools extension，提供了諸如零配置的 time-travel 調(diào)試、狀態(tài)快照導(dǎo)入導(dǎo)出等高級(jí)調(diào)試功能。

上次我用了一個(gè)加減的例子為大家講解vuex的基本的使用方式，和在什么樣的情況下使用。上次還是在一個(gè)組件內(nèi)把這個(gè)例子簡單的展示了下，這次我把vuex抽離出來一個(gè)單獨(dú)的文件，統(tǒng)一管理整個(gè)項(xiàng)目的狀態(tài)。

上次也說了如果你的項(xiàng)目夠大，那用vuex來管理整個(gè)項(xiàng)目的狀態(tài)，那是再好不過的，如果是小項(xiàng)目的話就不推薦大家使用。好了廢話不多說上碼：

當(dāng)你把項(xiàng)目的都準(zhǔn)備好后，都安裝好了vue-cli，webpack，vuex，router等

第一步新建一個(gè)叫：store.js的文件內(nèi)容如下：

import Vue from 'vue' //引入vue
import Vuex from 'vuex' // 引入vuex
Vue.use(Vuex)  // 注冊(cè)vuex
export default new Vuex.Store({ // 暴露與new vuex
 state: { // 相當(dāng)于vue里data 存放整個(gè)項(xiàng)目的各個(gè)狀態(tài)
  number: 0 
 }，
 mutations: { //相當(dāng)于vue里的methods放方法的，定義一些可以用來調(diào)用和修改state里的狀態(tài)值
   addFun (state,num) { 
    state.number = num
   }
 }
})

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享名稱：web前端vue之vuex單獨(dú)一文件使用方式實(shí)例詳解-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://weahome.cn/article/dsojgi.html