vuex---state对象

       概念：

1.Vuex 是一个专为 Vue.js 应用程序开发管理 的一个 模式。

2.通过创建一个集中的数据存储，方便程序中的所有组件进行访问

 

 

vue和vuex的对比：

1.传统 vue是单向数据流 。如果是兄弟组件之间 传值，兄弟 组件间的状态传递无能为力

2.我们经常会采用父子组件通过正向 / 逆向传值来对数据进行传递 。以上的这些模式非常脆弱，通常会导致无法维护的代码。

3.vuex只能用于 单个页面中不同组件（例如兄弟组件）的数据流通 。

 

安装vuex:

1.下载： npm install --save vuex

2.配置 vuex 文件 ， 在 src 中创建 store 文件夹 --> 在 store 文件夹下面创建 store.js

 

3.创建 store 实例

 

4.state数据源，把需要保存的数据保存在state里面

 

 

5.使用数据源

要使用首先在 main.js 引入 vuex 。

一对大括号的原因是，指定要从其他模块导入的变量名。

 

 

6.页面展示数据

           1.在需要使用数据的组件中使用 计算属性 调用

 2.  this.$store.state.xxx