vuex的简单使用

 

为什么使用vuex?

vuex主要是是做数据交互，父子组件传值可以很容易办到，但是兄弟组件间传值（兄弟组件下又有父子组件），异常麻烦，用vuex来维护共有的状态或数据会显得得心应手。

 

通常设计store对象都包含4个属性：state,getters,actions,mutations。

　　state (类似存储全局变量的数据)
　　getters (提供用来获取state数据的方法)
　　actions (提供跟后台接口打交道的方法，并调用mutations提供的方法)
　　mutations (提供存储设置state数据的方法)

 

 

1.通过dispatch来调用actions提供的方法 　　

this.$store.dispatch("knitStockOut/getKnitOutOrder", this.fristId);

 

2.actions通过commit来调mutations提供的方法 　　

this.$store.commit("knitStockOut/lockFlase");

 

3.最后mutaions将数据保存到state中 　　

4.还可以通过getters提供的方法获取state中的数据

 

 

 

 

 

参考文档：https://blog.csdn.net/qq_35430000/article/details/79412664

参考文档：https://segmentfault.com/a/1190000011914191