状态管理插件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
官方推荐目录结构
