vuex的簡單使用

使用了 vue-lic腳手架（我不說得很理論，我就說得很通俗）

在store檔案下面寫成（index.js是載入全部）

下面是 modules檔案下的wallet.js**

export default 

,getters
: },
mutations
: },
actions
: , 
src) => 
}

import vue from 

'vue'
import vuex from 
'vuex'
import wallet from 
'./modules/wallet' 
// 錢包
vue.
use(vuex)
export default new vuex.
store
(})

vue 這塊使用 （只能截圖大概出來）

html

<

div 
class=
"list-li-balancepay" 
v-for=
"(list, index) 
in saleproducts
" @click=
"jumpdetails
(list.id)
">
<
div 
class=
"list-li-left"
>
<
strong
>}
strong
><
br />
<
span 
style=
"color:#aaa;font-size:12px;"
>}
span
>
div>
<
div 
class=
"list-li-right"
>
<
strong
>}
strong
>
div>
div>
div>

js

export default 

,mounted
: function
() ,
activated
: function
() ,
deactivated
: function
() ,
methods: ,
(res
) => 
else )}
} else 
}, (
data
) => )}
}},computed: ,
saleproducts
()

vuex 簡單的使用

首先是專案目錄結構 我的vuex的目錄是這樣的，簡單說一下每個js檔案的作用吧 首先是 index.js 檔案 這個檔案主要配置 vuex 的入口及檔案的配置 import vue from vue import vuex from vuex vue.use vuex import state fr...

vuex的簡單使用

專案結構 一 建立store 建立分割成模組 module 的state 專案 中建立store資料夾，同時建立index.js，在modules中定義userinfo這個state index.js import vue from vue import vuex from vuex vue.use...

vuex的簡單使用

1,vuex是專為vue.js設計的狀態管理模式,集中儲存和管理應用程式中所有元件的狀態,適用於中大型單頁應用 2,使用vuex的第一步 引入 import vue from vue import vuex from vuex vue.use vuex 同樣需要在main.js中引入store im...