vuex傳遞參數(二)

[**vue

書接上文

**:][1]vuex

上文講了組件與組件的跳轉,和父子組件的基本傳遞參數,父子組件傳遞參數用在少許傳遞參數或者頁面比較少,在項目中這個並不適合我們,因此這個vuex就出來了。segmentfault

①先建立一個store文件夾,在src文件夾裏面,而後在store文件夾裏面在建立index.js;
圖片描述函數

②main.js中,須要將vuex.store實例掛載到根組件中。
圖片描述this

③home.vue中點擊函數不變,這裏是經過直接賦值的方法進行傳遞改變值;
this.$store.commit('saveArr',this.items[evt])
圖片描述spa

④在goods-detail.vue界面接收變化數據參數:code

this.arr=this.$store.state.arrs

界面以下:
圖片描述blog

相關文章
相關標籤/搜索