Vuex使用

简介

Vuex 是一个专门为Vue.js应用程序开发的状态管理模式；也其实就是一个仓库管理着应用里面所有组件的状态。

为什么要用vuex

有的时候项目较大时，组件嵌套过多的时候，多组件共享同一个State会在数据传递时出现很多问题，而vuex就可以解决这些问题；

Vuex 应用场景

场景有：
（1）单页面应用
（2）组件之间的状态
（3）音乐播放
（4）登录状态
（5）加入购物车

单向数据流理念

• state：驱动应用的数据源（data数据）；
• view：以声明方式将state映射到视图（初始化数据和更新显示数据）；
• actions：响应在view上的用户输入导致的状态变化（多个事件函数改变数据）；

Vuex 有五种属性：State、Getter、Mutation、Action、Module

Vuex 核心

vuex由一下几部分组成：

• state
  state 管理的状态对象，就是所有组件共享的数据（初始化data）；
  原理：集中存储Vue Components 中 data对象的零散数据，全局其唯一，以进行统一的状态管理，页面 显示所需的数据从该对象1中进行读取，利用 Vue 的细粒度数据响应机制来进行高效的状态更新。

// 创建一个 Counter 组件
const Counter = {
  template: `<div>{
  { count }}</div>`