测试一下

<script>
// 1.引入vue
import vue from 'vue'
// 2.引入VueRouter
import VueRouter from 'vue-router'

import shouye from "../views/shouye"
import tianjia from "../views/tianjia"
import biaoge from "../views/biaoge"
import bianji from "../views/bianji"


// 3.使用VueRouter
vue.use(VueRouter)

// 4.new 一个VueRouter对象赋值给一个常量
const r = new VueRouter({

  // 5.设置 路由方式
  mode: 'history',

  // 6.在routers数组中写各种路由
  routes: [{
      // 7.在路由中写明路径和对应显示的组件
      path: "/",
      component: shouye,
      children: [

        {
          path: "/",
          component: biaoge
        },
        {
          path: "/bianji",
          component: bianji
        },

        {
          path: "/tianjia",
          component: tianjia
        },
      ]
    },


  ]
})
// 8.将VueRouter开放出去
export default r
</script>