学习vue2.0笔记(第五章下)

2017-05-21  本文已影响0人  这很重要吗

状态管理插件vuex

image.png

状态管理机制


image.png

安装

image.png

import导入,注册,实例化,

image.png

全局使用store,

image.png

通过this.$store调用,

image.png

app.vue引入两个组件


image.png

apple子组件

image.png image.png image.png
使用actions
image.png

区别:
mutations和actions的区别

actions可以进行异步的操作,比如ajax请求,然后再去触发mutations
mutations同步
actions请求产品id数据


image.png

通过getters获取数据

image.png

取数据,不用从state获取



把状态集分成不同的module模型


image.png
合成一个总的store

官方推荐目录结构
上一篇下一篇

猜你喜欢

热点阅读