状态管理插件vuex

状态管理机制

安装

import导入,注册,实例化,

全局使用store,

通过this.$store调用,

app.vue引入两个组件


apple子组件



使用actions


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

通过getters获取数据

取数据,不用从state获取

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

合成一个总的store

官方推荐目录结构

网友评论