?什么是路由

与你们分享今天已知和未获承认的东西——路由器——对这个词的第一个反应是路由器,路由器和路由器显然不是一回事吗?

路由器

• (route) 路径: 地图, 包含关键值对的集合, 前端路径: 密钥是一个路径, 值是一个组件 ;最后,价值是处理客户要求的功能。
• 路由器:许多路线都需要对路由器进行管理。

?路由的基本使用

为了使用葡萄树路线,我们必须首先安装插件,即葡萄树路由器,这是专门用于SPA应用程序的葡萄树插件库。

SPA应用

1. 单页网页应用程序(SPA或单页网页应用程序)
2. 整个程序只有一个整页。
3. 如果您点击导航链接, 网站不会刷新。 仅进行本地页面更新 。
4. 数据必须通过 Ajax 请求获取 。

一页网页应用程序左上角的刷新符号将不予更新 。

基本使用步骤

1. npm i vue- rooter 安装 vue- rooter 。
2. Vue. Usage (VueRouter) 应用程序插件插件
3. 根本配置发展
4. 实现切换，不直接使用<a></a>标签，通过<router-link></router-link>标签去转成a标签，可使用主动类突出显示样式。例如：<router-link active-class="active" to="/about">About</router-link>
5. 指定展示位置：<router-view></router-view>

当添加插件时, 将创建额外的 root 配置项目, 其值无法更改, 而且必须是一个路由器 。

当 vue- rooter 插件在开发中安装时, 在 src 中生成一个新的根文件夹, 并配有用于构建整个应用程序路由器的新索引。 js 文件 。

配置路由器代码：

?几个注意点

1. 路由组件通常存放在pages普通组件通常放在文件夹中。components文件夹。

2. 通过切换, 默认删除“ 隐藏” 路径部件, 并按需要安装 。

3. 每个组件都有自己的$route用于存储您自己的路径信息的属性 。

4. 在整个应用过程中,只有一个根子。$router属性获取到。

本文由 在线网速测试 整理编辑，转载请注明出处，原文链接：https://www.wangsu123.cn/news/24670.html。