vuex传递参数（二）

[**

书接上文

**：][1]

上文讲了组件与组件的跳转，和父子组件的基本传递参数，父子组件传递参数用在少量传递参数或者页面比较少，在项目中这个并不适合咱们，所以这个vuex就出来了。

①先创建一个store文件夹，在src文件夹里面，然后在store文件夹里面在创建index.js;

②main.js中，需要将vuex.store实例挂载到根组件中。

③home.vue中点击函数不变，这里是通过直接赋值的方法进行传递改变值；
this.$store.commit('saveArr',this.items[evt])

④在goods-detail.vue界面接收变化数据参数：

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

界面如下：