11 26 vuex搭建環境 乙個例項

2022-09-07 15:15:24 字數 2120 閱讀 9638

上個原理圖

先安裝vuex外掛程式

在這裡,我new乙個store的目的是管理上main的三個東西,所以當我在建立他的時候,我要給他傳人乙個配置物件。就是那三個玩意

但是你會發現,下面兩個是一樣的。

這就觸發了,當物件裡的key和儲存對應值的變數重名了,就可以出發物件的簡寫形式了。大膽該廠下面這樣:

因為有export default,這裡相當於建立,並匯出了store,但是呢

在vm和vc上,看不到這store吧,對吧,還沒有掛載在vm例項上呢。所以還要去編輯main.js

來來來,暫給store用起來。這裡有個很細的細。就是你如果引入的是某個a檔案下的index.js檔案,實際上寫到a資料夾的路徑就可以了,撿手機是認識的,因為預設就引檔案下名為index.js的檔案。(但是如果檔案下沒有index,那就報錯)

現在,vm,vc例項上,應該有這個$store鳥,em報錯,寫錯了,你不生麵變數,你暴露個毛啊(後來發現不是這個原因,是from後面路徑寫錯了)

驗證一下

額,不對勁了,預期贏啊是打贏vc例項才對啊,怎麼是object object了,

找到原因了,挺奇葩是,因為我用了加號,把它和字串憑藉在了一起。(等於這個字串型別和object物件拼接在一起,拼成了乙個字串)

換掉,這樣鞋,ok了

我看到了乙個強大的store

並且他下面還有這兩個api dispatch(分發)和commit(提交);妙啊

開始了,例項做起來(先來個普通vue寫的)

這裡有一點:注意,v-model需要加上.number

或者也可以,將option的value='1'變成繫結屬性的形式,:value="1",這樣後面引號中的東西就都當成js表達是去解釋,解釋成數字一。不然的話,你開始n定義成2,但是選了2之後,這裡n將變成字元創。可想sum會怎樣

(再來個用store寫的)

sum有關全部注釋掉,再把咱sum請過來state下

ok,介面吊起來

天引數,第乙個引數是動作型別,指向action中的function,第二個入參是組建中的某變數

這個動作型別指向,action中的方法

那麼這個,a b引數是啥玩意呢,打贏看看

咦,看著像乙個小store還有就是那個值n了

其實呢,這裡a的真正的含義是上下文,就是說vue覺得你現在要流程走下去,要一些東西對吧;起碼,你還要接著掉commit押,但是他沒有直接把commit給action(這個幫你點單的服務員),而是體貼的吧你所有可能用到的東西,包裹成乙個物件,放到上下文中給了你。

所以下面怎麼寫呢

一跑,顯然,看到c後,現在我們可以操作sum了

行了,可以整個寫完了,**上

等奇數加沒用,這裡錯了,去掉

成了,溜了,睡覺去了

後面有空在研究下action能做那些事情,和vuex除錯工具。

搭建乙個MySQL環境

按照菜鳥教程 在windows上使用非安裝版本,mysql community server client 設定mysql客戶端預設字符集 default character set utf8 mysqld 設定3306埠 port 3306 設定mysql的安裝目錄 basedir c web m...

搭建乙個HTTP環境

1.我的電腦找到 路徑 c windows system32 drivers etc 控制面板 網路 更改介面卡,乙太網屬性,3.設定top ipv4屬性 4.快速搭建http伺服器 開啟powershell,輸入python m httpserver 80 6.開啟cmd,輸入python2 m ...

搭建乙個多任務排程環境

目標實現乙個多工環境。1.系統可以多工執行 2.任務可以模組化程式設計 3.沒有排程演算法,排程點由使用者決定。作業系統描述的是多工處理。多工的意思是在巨集觀上多個任務是同時在執行的,但是微觀上,任何乙個時刻只有乙個任務在執行。作業系統有乙個任務控制塊的結構體,裡面有乙個最重要的成員 棧指標,記錄任...