美文网首页
Vue数据流

Vue数据流

作者: 剁剁爷 | 来源:发表于2017-01-17 10:01 被阅读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([方法名,方法名,方法名])

    相关文章

      网友评论

          本文标题:Vue数据流

          本文链接:https://www.haomeiwen.com/subject/ujkmbttx.html