Vue实现数据共享
数据共享,我们使用到vuex这个状态管理模式。
https://vuex.vuejs.org/zh/ 可进此网站了解。
其实数据共享就是,我创建了一个index.js文件,定义一个数据,让我的其他首页使用这个数据就可以啦,如果改变数据,那么就改变index.js文件的数据,那么多个数据都会同时变化。
cnpm install vuex --save 下载
如何共享数据呢。
- 我创建了一个文件夹store,里面的index.js文件,让city: ‘上海’
- 全局引入stroe/index.js
- 需要共享的数据。
- 想点击另外一个城市之后共享数据变化,创建点击事件,并且传此点击的值进去。
- 调用此方法后,会将共享值在stroe/index.js的city的值改变,实现共享
- 会调用index.js里面的。
- 最后会自动返回到某页,用的是这个方法,跳到了首页。