我的问题我自己解答，经过反复的更改，排除变量，发现是b，A1的router有问题。然后就复制了a的router，试了一下，ok了。

原因：没有注意router的代码语法规范。

import Vue from 'vue'

import Router from 'vue-router'

import HelloWorld from '@/components/HelloWorld'

import First from '@/components/First'

import A from '@/components/A'

import B from '@/components/B'

import A1 from '@/components/A1'

Vue.use(Router)

export default new Router({

  routes: [

    {

      path: '/',

      name: 'First',

      component: First,

      children:[

      {

       path: '/a',

       component: A

      },

       {

       path: '/b',

       component: B

      },

      {

       path: '/A1',

       component: A1

      }

     ]

    }

   ]

  })

把<p>标签用<div>包起来

找到问题所在了，在first.vue页面里没有写挂载点<router-view/>

在First.vue 添加 <router-view/>

通常不会出现，偶尔可能是因为node.js没有及时刷新的原因，如果确定代码没问题，可以重启一下前端的服务试试。祝你学习顺利。

 first.vue 忘记加<router-view></router-view>?

会不会是少敲了挂载点<router-view></router-view>?