解决vue同组件不同路由之间切换钩子函数不执行，数据无法加载的问题。

问题如下图所示，不同路由，但是用的同一个组件。根据不同名称去加载不同的数据。

但是问题来了，发现切换路由，路由地址发生了改变，但是组件却不会重新渲染，所以钩子函数也不会重新执行，无法加载期望的数据。怎么处理呢？

其实也很简单，vue提供了watch方法来监听数据的变化，当然可以监听路由的变化了。代码如下：

监听$route，配合参数，轻松实现！

未经允许不得转载：莫小奈博客 » 解决vue同组件不同路由之间切换钩子函数不执行，数据无法加载的问题。