vuex基础 (二) 01-state——申明数据，相当于vue实例选项中的data & 计算属性，其实就是一个方法，用来声明数据，且必须要有返回值

01-vuex基础-state——申明数据，相当于vue实例选项中的data

• 管理数据

  在src/main.js中：

// 初始化vuex对象
const store = new vuex.Store({
    // 配置项
  state: {
    // 管理数据，相当于vue实例选项中的data
    count: 0
  }
})

在组件中获取state的数据：原始用法插值表达式

<div>A组件 state的数据：{{$store.state.count}}</div>

使用vuex提供的数据，每次都要把申明数据项书写，访问起来较为麻烦。

​ 建议通过申明计算属性，访问vuex提供的数据，在模块中使用会方便一些。

• **计算属性，其实就是一个方法，且必须要有返回值。**在组件模板内使用方法名即可

**使用计算属性：**在组件中的 export default{ }内进行申明：

// 把state中数据，定义在组件内的计算属性中
  computed: {
    // 1. 最完整的写法
    // count: function () {
    //   return this.$store.state.count
    // },
    // 2. 缩写
    count () {
      return this.$store.state.count
    }
  }

组件 共享computed声明的数据count：