路由跳转，router-view不显示组件页面的几个可能出现的问题及解决方案

1. 遇到的问题：路由变化，父组件有router-view的情况下子组件页面不显示，查了诸多方案，最终是因为路由跳级的原因；代码如下：

•    MyRoutes：{
      path: '/',
      name: '首页',
      component: Salary,
      children: [
        {
          path: 'other',
          name: '其他数据',
          // component: EmployeeSalary,//没有这个 component 的时候,就会出现路由跳级，相当于/ 路径下没有router-view 来展示 other 路径对应的组件
          children: [
            {
              path: 'children',
              name: '',
              component: Employee // 父组件都没有展示，所以父组件的子组件也不会展示
            },
          ],
        },
      ],
    },
  

  引入组件是component，不要弄错

• 其他嵌套路由中出现 路由跳转，子组件页面不展示的问题的原因

• 其他嵌套路由中出现 路由跳转，子组件页面不展示的问题的原因

• <div class="main-nav">
      <transition name="fade-transform" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  

• routes关键字是否正确

• const createRouter = () =>
    new VueRouter({
      mode: 'history',
      base: process.env.BASE_URL,
      routes: MyRoutes,
    });