VUE3实现路由的跳转demo

一 新建vue3页面

1.新建一个文件夹，安装vite依赖；

npm create vite@latest

2.安装vue-router

npm i vue-router

3.在src目录下新建两个文档components和router

在components中新建两个文件,Home.vue文件和About.vue文件

<template>
	<h2>我是About的内容</h2>
</template>

<script >
	export default {
		name:'About'
	}
</script>

<template>
	<h2>我是Home的内容</h2>
</template>

<script >
	export default {
		name:'Home'
	}
</script>

二.新建路由文件

在src文件下创建一个router文件，在router文件中新建一个index.js文件

import { createRouter,createWebHashHistory } from "vue-router";

const routes=[{
    path:"/home",component:()=>import("../components/Home.vue")
},{
    path:"/about",component:()=>import("../compo