Vue数据流

2017-01-17  本文已影响0人  剁剁爷

    数据流是vue2.0新增的插件vuex的一个对象store,用来存储全局的变量及方法,例如:公共的方法和公共组件的数据。

1.获取store对象

var  Vuex = require("vuex");

new Vuex.store({对象,对象,对象}),其中对象是含有state,actions,mutations等    

这样子就将state数据及公共方法放进去store对象中。

2.获取数据state及方法(两种方法)

(1)单个获取数据及方法

this.$store.state         获取数据

this.$store.dipatch("方法",“参数”)     调用actions中的方法

this.$store.commit("方法", “参数”)    调用mutations的方法

(2)批量获取数据及方法

获取import {mapState, mapMutations} from "vuex";

...mapState({name:state => this.$store.name,age:state => this.$store.age})对computed对象进行扩展

...mapMutations([方法名,方法名,方法名])

上一篇下一篇

猜你喜欢

热点阅读