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