Vue Router 路由

最新推荐文章于 2024-09-23 18:07:56 发布

稳重聪头

最新推荐文章于 2024-09-23 18:07:56 发布

阅读量588

点赞数 2

分类专栏： Vue 3 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/nnjjn/article/details/123284800

版权

Vue Router 是 Vue.js 的官方路由库，提供路由配置、路由传参和页面跳转等功能。通过 `router-link` 进行页面间导航，并可在路由配置中设定组件对应不同路径。路由参数允许在跳转时传递数据。

摘要由CSDN通过智能技术生成

介绍

Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。

安装

npm

npm install vue-router@4

win+R输入cmd复制上面的npm CDN 链接，单击右键进行复制，然后回车

`router-link`

<div id="app">
  <h1>Hello App!</h1>
  <p>
    <!--使用 router-link 组件进行导航 -->
    <!--通过传递 `to` 来指定链接 -->
    <!--`<router-link>` 将呈现一个带有正确 `href` 属性的 `<a>` 标签-->
    <router-link to="/">Go to Home</router-link>
    <router-link to="/about">Go to About</router-link>
  </p>
  <!-- 路由出口 -->
  <!-- 路由匹配到的组件将渲染在这里 -->
  <router-