vuex实现城市定位的功能（vue--去哪儿网）

home.vue组件的子组件header.vue以及city组件的子组件list.vue需要使用公共数据，在list.vue组件中点击城市，则该城市的名字页会显示在header.vue中，这里使用的是vuex管理这个数据

npm install vuex --save

state

在src目录下创建一个store的文件夹，再新建文件index.js，在index.js中使用vuex

//index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

export default new Vuex.store({
   
	state: {
   
		city: '北京'
	}
})

在main.js中使用store下的index.js

//main.js
import store from './store/index'

new Vue({
   
  el: '#app',
  router,
  store,
  components: {
    App },
  template: