[**

书接上文

**:][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

界面如下:
图片描述


史晶晶
78 声望3 粉丝

菜鸟爱学习