VUE3.0 路由详解

一，下载安装

此地址可以直接下载 https://unpkg.com/vue-router@4

下载后安装：

npm install vue-router

二，创建路由

  HTML：

<template>
    <!--使用 router-link 组件进行导航 -->
    <!--通过传递 `to` 来指定链接 -->
    <!--`<router-link>` 将呈现一个带有正确 `href` 属性的 `<a>` 标签-->
	<nav>
		<router-link to="/">页面1</router-link> |
		<router-link to="/about">页面2</router-link> |
		<router-link to="/user">页面3</router-link> |
		<router-link to="/produce/456">页面4</router-link>|
		<router-link to="/produce/123">页面5</router-link>
	</nav>

    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
	<router-view />
</template>