请教各位vue大神们，如何在router-view上监听transition的结束(vue1.x版本)
我在router-view上加了transition，因此当路由切换时，组件在enter和leave时会有一个过渡动画存在，我现在某一个路由对应的组件里面我需要知道当前的transition是否结束了，所以问题来了，我如何让我的这个组件知道我的transition结束了，因为我有一些组件需要在组件的元素加载到dom里面之后才能正确执行（比如目录组件，我需要知道页面有哪些h1,h2,h3，然后生成目录，再比如`多说`）。

假如说我这个需要知道transition结束的组件对应的路由是`/foo/:id`。

当路由切换的时候，比如是从`/bar`进入`/foo/:id`时，倒是比较好监听，利用transition的afterEnter钩子，我可以监听到router-view上的动画结束，于是我可以在包裹router-view的父组件上绑定这个afterEnter钩子，在这个钩子里$dispatch一个事件，去告诉`/foo/:id`对应的组件“transition结束啦，该干嘛干嘛去”。

可是现在有个问题是，当浏览器打开的就是这个组件的路由地址`/foo`时，也就是浏览器打开进入的就是这个路由时，没有路由切换过程，这个时候并不会有transition，自然不会有transition的钩子执行，所以我想着要不就先在包裹router-view的父组件上的ready事件里$dispatch一次，可是发现父组件$dispatch时，`/foo`对应的组件还没有加载好，因此他没能成功监听到父组件的$dispatch。

而且如果是`/foo/:id`这种路由里面只是id变化时，因为是同一个组件，也是没有transition的，所以问题变得很复杂。

目前我增加了许多逻辑用来判断是否是直接进入的`/foo/:id`的和以及从其他不同id的`/foo/:id`转过来的
，这种写法感觉很hack，也很复杂，感觉增加许多不必要的代码，请问大家有比较好的解决办法吗？