Vue数据流

    数据流是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([方法名,方法名,方法名])

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,964评论 0 7
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 8,035评论 4 111
  • 上一章总结了 Vuex 的框架原理,这一章我们将从 Vuex 的入口文件开始,分步骤阅读和解析源码。由于 Vuex...
    你的肖同学阅读 1,809评论 3 16
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,148评论 0 6
  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 1,472评论 0 7