创建路由模块

在src目录下创建router.js文件作为模块，该文件中按照如下步骤进行操作

1.导入路由相关函数，具体代码如下：

import{ createRouter，createWebHashHistory } from 'Vue-router'

在上述代码中，从Vue-router中导入了createRouter（）createWebHashHistory（）两个函数，其中，createRouter（）函数用于创建路由实例对象，createWebHashHistory（）两个函数用于指定路由的工作模式为Hash模式，另外，如果需要指定路由工作模式为html5模式，可以将create WebHashHistory ()函数换成createWebHistory（）函数。

2.导入需要被路由控制的Home组件和About组件，具体代码如下：

import Home from './components/Home.vue'
import About from './componennts/About.vue'

3.创建路由实例对象，具体代码如下

const router = createRouter({history: createWebHashHistory(),routes: [{ path:'/home', components: Home },{ path:'/about', components: About },]
})