vue-cli跳转页面组件内容不改变怎么办

Question

我在conponent目录里建了两个组件a.vue b.vue
a.vue:
<template>
<div class="a">

{{ msg }}
<a href="/b">b.vue</a>

</div>
</template>
export default {
name: 'a',
data () {

return {
  msg: 'Welcome to a.vue'
}

}
}

b.vue:
<template>
<div class="hello">

{{ msg }}
<a href="/">a.vue</a>

</div>
</template>

<script>

export default {
name: 'b',
data () {

return {
  msg: 'Welcome to b.vue'
}

}
}
路由设置：
import Vue from 'vue'
import Router from 'vue-router'
import a from '@/components/a'
import b from '@/components/b'

Vue.use(Router)

export default new Router({
routes: [

{
  path: '/',
  name: 'a',
  component: a
},
{
  path: '/b',
  name: 'b',
  component: b
}

]
})

刚开始可以跳转页面切换内容，不知道怎么了就不行了，无论怎么点击跳转链接，虽然URL路径变了，页面显示的内容总是没有变，还是显示a.vue的内容

Answer 1

你要对你的a 标签绑定一个点击事件

类似于

<a @click='click'> 按钮</a> 


 methods:{
    click () {
        this.$router.push({path:'/b'})
    }
}

Answer 2

首先这不是vue-cli，可以算是vue-router，路由跳转问题，你看一下你的地址栏的路径是什么，是否是你对应的路由路径。
另外下次预览一下自己的发出的问题，方便你提问，也方便别人看，看的我眼都疼。。。。