Vue项目城市选择页-Vue实现数据共享（8-9）

Vue实现数据共享

数据共享，我们使用到vuex这个状态管理模式。
https://vuex.vuejs.org/zh/ 可进此网站了解。

其实数据共享就是，我创建了一个index.js文件，定义一个数据，让我的其他首页使用这个数据就可以啦，如果改变数据，那么就改变index.js文件的数据，那么多个数据都会同时变化。

cnpm install vuex --save 下载

如何共享数据呢。

1. 我创建了一个文件夹store，里面的index.js文件，让city: ‘上海’
   
2. 全局引入stroe/index.js
   
3. 需要共享的数据。
   
4. 想点击另外一个城市之后共享数据变化，创建点击事件，并且传此点击的值进去。
   
5. 调用此方法后，会将共享值在stroe/index.js的city的值改变，实现共享
6. 会调用index.js里面的。
   
7. 最后会自动返回到某页，用的是这个方法，跳到了首页。