状态管理插件vuex
image.png状态管理机制
image.png
安装
image.pngimport导入,注册,实例化,
image.png全局使用store,
image.png通过this.$store调用,
image.pngapp.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
官方推荐目录结构
网友评论