一,下载安装
此地址可以直接下载 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>