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

相关文章
相关标签/搜索