父路由的mounted的方法

Question

题目描述

父路由的mounted的方法，什么时间调用的问题

题目来源及自己的思路

按照我的理解，父路由的mounted只在第一次加载父路由或者子路由的时候调用。典型的场景是管理系统中的菜单切换：通过菜单打开不同的界面，这个时候，菜单组建是不会重新加载的。否则每次选了菜单，菜单都要重新加载，再选择，岂不是要疯了。
我想达到类似的效果，切换子路由的时候，父组件不要重新渲染，即调用mounted，但是现在总是会调用父组件的mounted。

相关代码

// route

{
path: '/event-list',
name: 'event-list',
component: EventList,
children: [                                 
    {
        path: '/event-list/detail/:id',
        name: 'event-list-detail',                    
        component: () => import('../views/DemoList')       
    },
]
},

//界面切换方法
change1() {
    this.$router.push({
        name: 'event-list-detail',
        params: {
            id: '123'
        }
    })
},
change2() {
    this.$router.push({
        name: 'event-list-detail',
        params: {
            id: '1234'
        }
    })
},

你期待的结果是什么？实际看到的错误信息又是什么？

在EventList组件的mounted方法中console.log()发现总是被调用，可能是什么引起的呢？