vue如何创建一级路由

vue创建一级路由非常简单。以下是一些基本步骤：

1. 首先，在Vue项目中创建一个新的组件。可以在src目录下的components文件夹里创建一个新的.vue文件。命名为MyComponent.vue，作为新的一级路由的组件。

2. 在Vue项目的根目录下找到src文件夹，并打开router文件夹下的index.js文件。这是Vue的路由配置文件。

3. 在index.js文件中，导入Vue和VueRouter，如下所示：

import Vue from 'vue'
import VueRouter from 'vue-router'

4. 继续在index.js文件中，导入刚刚创建的组件，如下所示：

import MyComponent from '@/components/MyComponent.vue'

5. 然后，使用VueRouter的方法创建一个新的VueRouter实例，并将其保存到一个变量中，如下所示：

const router = new VueRouter({
  routes: [
    {
      path: '/my-route',
      component: MyComponent
    }
  ]
})

这个新的VueRouter实例有一个routes属性，它是一个数组。在数组中，我们定义了一条新的路由规则。path属性表示URL路径，component属性表示要渲染的组件。

6. 最后，在项目的入口文件（一般是main.js）中，将这个新创建的VueRouter实例应用到Vue实例中，如下所示：

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

现在，当用户访问'/my-route'路径时，Vue将渲染MyComponent组件作为一级路由。