vuex的基本使用

vuex的使用，網上的教程有不少。我寫出來呢，也是爲了本身可以鞏固一下使用方法

那麼下面進入正題。

首先，假定你使用了npm包管理工具。你要先將vuex依賴到你的項目裏面。使用npm install vuex --save

(--save)是爲了能將你加載的這個包添加到你項目的 package.json裏面 ，命令行運行完成以後你會看的 在你的node_modules裏面多了vuex目錄

接下來咱們建立store.js文件。能夠放在項目的src/js裏面 

爲何在mutations裏面寫setjishu與setmeisha兩個方法呢，由於咱們是沒法在外面直接改變state裏面定義的值的。只能經過commit的方式去改變。下面會把調用的方法寫出來。

接下來咱們只須要在main.js文件裏面引入 store.js 並將它添加到vue的實例中

這樣就基本完成了。。而後在你須要使用到store的地方，

 

用_this.$store.state.參數名 來獲取參數

用 _this.$store.commit('方法名', 參數);這裏的方法名就是mutations中定義的方法，如你想要改變jishu值

就能夠使用 _this.$store.commit('setjishu',參數)  來實現

 

好了上面就是vuex 的基本使用方法了。。