学习vue2.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

官方推荐目录结构