这段时间使用vue比较多，但是没有系统的学习过，都是一边学习一边摸索的，今天调整了页面的路由之后就出现了页面不加载的问题，调整回去就好了，按照新的路由方式就出错了，路由如下：

{
      path: 'article',
      name: 'Articles',
      meta: {
        title: '文章管理',
        icon: 'el-icon-document'
      },
      children: [
        {
          path: 'cate',
          component: () => import('@/pages/system/article/cate'),
          name: 'ArticleCate',
          meta: { title: '文章分类', noCache: true}
        },
        {
          path: 'index',
          component: () => import('@/pages/system/article/article'),
          name: 'ArticleList1',
          meta: { title: '文章列表', noCache: true }
        },
        {
          path: 'articleForm',
          component: () => import('@/pages/system/article/articleForm'),
          name: 'ArticleForm',
          meta: { title: '文章编辑', noCache: true },
          hidden:true,
          // alwaysShow:true, //一直显示不受子菜单的个数限制
        }
      ],
    }

代码如上，查看控制台没有任何的错误，只有一个提示 [HMR] Waiting for update signal from WDS… 就以为是这个问题导致，就查询了很多相关的这个资料，说是修改webpack能解决，链接 请点击 按照说明试了试，问题依然没有得到解决。

只得回归到问题的本质上来，由于改了路由，肯定是路由上疏忽了什么东西，结果比照完好的代码，发现少了component这段。修改如下：

{
      path: 'article',
      component: () => import('@/pages/system/article/index'),
      name: 'Articles',
      meta: {
        title: '文章管理',
        icon: 'el-icon-document'
      },
      children: [
        {
          path: 'cate',
          component: () => import('@/pages/system/article/cate'),
          name: 'ArticleCate',
          meta: { title: '文章分类', noCache: true}
        },
        {
          path: 'index',
          component: () => import('@/pages/system/article/article'),
          name: 'ArticleList1',
          meta: { title: '文章列表', noCache: true }
        },
        {
          path: 'articleForm',
          component: () => import('@/pages/system/article/articleForm'),
          name: 'ArticleForm',
          meta: { title: '文章编辑', noCache: true },
          hidden:true,
        }
      ],
    }

component的代码如下：

<template>
  <router-view />
</template>

加上上面代码就好了，其实就是没指定显示组件导致的不渲染，看来学习还是不能粗心大意、揠苗助长，得一步一步来，才能学的扎实。