vuex如何使用

2018-07-12  本文已影响0人  Augenstern___
vuex.png

vuex总共分为五个部分

state module mutations actions getters

流程

1.首先使用dispatch触发actions     
2.actions异步请求数据(固定接受的第一个参数是dispatch对象 第二个参数是使用者本身定制的参数)
3.actions里面放axios   ajax请求  使用commit提交一个mutations  【commit里面的参数(自己定义的名字,传递的参数)】
4.把返回的值放入定制的参数中
5.在mutations里面接收数据  传给state[mutations里面的方法两个参数  (state,接收的数据)]  (mutations是唯一可以改变state里数据的途径)
6.现在我们可以在其他组件里面使用computed接收数据  在页面中赋值给data  页面中可以渲染 {{}}/名字
       computed: {
        count () {
            return this.$store.state.count
        }
    }
7.getters里面可以放方法  记得要return返回一下   页面接收  $store.getters.name
上一篇 下一篇

猜你喜欢

热点阅读