声明

本文中所有链接均使用 #/index #/foo #/bar 代替。

先说现象

现象具体为:
打开页面，使用router-link的链接，首次点击此类链接正常，之后点击地址变化，内容不变化。
如 /#/index 点击链接来到 /#/foo 在此页面再次点击router-link to=“/bar” 的链接，地址变为/#/bar 但是内容仍为/#/foo的内容，点击其他链接问题相同。

debug过程

1. 独立思考

然后我就想了，是不是因为router/index.js 中在最后绑定了*(通配符)用于处理不存在的事件，
我将其删掉，绑定了#/foo #/bar （原先未绑定，走通配符404事件）
无效。

2. 求助朋友

这一关其实我也不知道怎么写，反正连回复都没有. 对方表示：没看懂
我也难说清楚啊，因此选择 放弃
无效。

3. 万能の搜索引擎

这一段，网上因为什么牛马都有，啥有用的都没搜到，问题照旧。
无效。

4. 我又想起什么

打开F12，看看里面的error
其中我印象深的就是 data()必须返回一个对象 再里面添加return {} 这个报错便解决了
将里面的error全部解决，问题已经消失。
成功。

反思

还是不能疏忽devtool里面的error啊。。。
这下好了，出bug debug了半个多小时。。。

总结

将devtoolf12里面的所有ERROR解决即可