vuex介绍

vuex是什么？

          是一个专门为vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

vuex包含以下几个部分：

        start：驱动应用的数据源

        view:以声明方式将state映射到视图

        actions：响应在view上的用户输入导致的状态变化

 什么情况下使用vuex？

        vuex可以帮助我们管理共享状态，当我们需要多个组件进行状态共享时使用

 vuex的核心？

        每一个vuex应用的核心就是store（仓库），store基本上就是一个容器，它包含着应用中的大部分状态

        我们可以通过store.state获取状态对象，通过store.commit方法触发状态变更

vue的核心概念？

        State  Getters  Mutations  Actions  Modules

State

从vue中获取vuex的状态，由于 Vuex 的状态存储是响应式的，从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态：

方法一：利用$store.state获取

computed: {
  getlist() {
    return this.$store.state.title
  }}

方法二：利用 ...mapState

computed: {

  //函数写法
  ...mapState({
    getlist:function (state){
      return state.title
    }
  }),


  //  数组
  ...mapState(['title']),


//  箭头函数
  ...mapState({
    getlist:(state)=>{return state.title}
  })
}