老师，我按照你的配置，但是header页的内容还是无法显示，页面显示之前我乱打的11222之类的内容，不会跟着我新的内容变化。

-----City.vue-------

<template>
  <city-header></city-header>
</template>

<script>
import CityHeader from './components/Header'
export default {
 name: 'City',
 components: {
   CityHeader
 }
}
</script>

<style scoped>

</style>

-----index.js-----

import Vue from 'vue'

import Router from 'vue-router'

import Home from '@/pages/home/Home.vue'

import City from '@/pages/city/City.vue'

Vue.use(Router)

export default new Router({

  routes: [{

    path: '/',

    name: 'Home',

    component: Home

  }, {

    path: '/city',

    name: 'City',

    component: City

  }

  ]

})

-----Header.vue------

<template>
 <div class="header">
   城市选择
 </div>
</template>

<script>
export default {
 name: 'CityHeader'
}
</script>

<style scoped>
 @import "~styles/styles.styl"
 .header
   overflow : hidden
   height : .86 rem
   line-height : .86 rem
   text-align : center
   color : #fff
   background : $bgColor
</style>