vue 嵌套路由，父级 重复调用，怎么解决？

Question

vue有如下路由嵌套：
/ > app.vue > a.vue >b.vue

app.vue是入口，a是2级路由 ，b是a的子级

当访问b路由时,写在a中的请求和一些列钩子事件都会被重复调用，该如何解决？

比如app.vue中的created里面有数据请求，访问a或者b时都会重复调用app.vue中的钩子。

1. 是我的放置思路不对吗?还是vue本身就只能这么做？

2. 有没有解决办法?

Answer 1

理论上来说切换嵌套路由时并不会触发父组件中的created方法。可能因为你设置了keep-alive加了一些判断重选渲染页面导致的

Answer 2

按照你的描述，如果是直接打开应用，通过 url 直接访问B，那么整个链路上的 created 肯定全部会被调用，这是必然的，如果你先打开啊，然后再跳转到 b，那么 app 和 a 的 created 肯定不会被调用，这也是必然的