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

Question

vue有如下路由嵌套：/ > app.vue > a.vue >b.vueapp.vue是入口，a是2级路由 ，b是a的子级当访问b路由时,写在a中的请求和一些列钩子事件都会被重复调用，该如何解决？比如app.vue中的created里面有数据请求，访问a或者b时都会重复调用app.vue中的钩子。是我的放置思路不对吗?还是vue本身就只能这么做？有没有解决办法?

Answer 1

理论上来说切换嵌套路由时并不会触发父组件中的created方法。

可能因为你设置了keep-alive加了一些判断重选渲染页面导致的

Answer 2

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