在Vue3中不能有类似的路由器路径
在Vue3中，没有类似路由器路径的概念。Vue3采用了新的路由解决方案，即使用Vue Router进行路由管理。Vue Router是Vue.js官方的路由管理器，用于实现单页面应用（SPA）的路由功能。
Vue Router的主要特点包括：
- 路由映射：Vue Router可以将不同的URL映射到不同的组件上，实现页面的切换和跳转。
- 嵌套路由：Vue Router支持嵌套路由，可以实现页面中的多层次嵌套，使得页面结构更加清晰和灵活。
- 路由参数：Vue Router支持通过路由参数传递数据，可以在URL中添加参数，然后在组件中通过$route.params来获取参数的值。
- 路由守卫：Vue Router提供了多种路由守卫机制，可以在路由跳转前、跳转后、或者跳转过程中进行拦截和处理，实现权限控制、数据预加载等功能。
Vue Router在Vue3中的应用场景非常广泛，特别适用于构建复杂的单页面应用。对于需要进行页面切换、路由导航、路由参数传递等功能的项目，Vue Router是一个非常好的选择。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
- 腾讯云云服务器（CVM）：提供了可靠、灵活、高性能的云服务器，支持自定义配置和多种操作系统选择，适合搭建和部署Vue3项目所需的后端环境。
- 腾讯云对象存储（COS）：提供了海量、安全、低成本的对象存储服务，可以用于存储和管理Vue3项目中的静态资源文件，如图片、音视频等。
更多关于腾讯云云服务器（CVM）和腾讯云对象存储（COS）的信息和产品介绍，请访问以下链接：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
我想在Vue3中将一个值作为属性传递给一个视图。这种方法在Vue2项目中运行良好，但在Vue3中效果不佳 路由器： {
path: "/view2",
name: "view2",
component: View2,
props: true
} 视图1(来自) navigateTo(){
this.$router.push({
name: view2,
params: {id: 'abc123'}
})
} 视图2(至) props:{
id:{
type: Str
浏览 9提问于2019-10-02得票数 2
2回答
如何在Vue3中实现子域？
、、、、
我有一个网站，我可以主持不同的商店配置文件，目前我正在生成的帮助下的路线，以商店名称的子弹，但我不想https://example.com/shop/abc-shop，我希望这条路线是https://abc-shop.example.com/，并在互联网上查找，我无法找到一个方法来做它与Vue3路由器。请提出一些建议。
浏览 2提问于2021-11-18得票数 0
1回答
我使用vue3。我需要像这样的路由器标签。我尝试在Vue3上使用vue-路由器选项卡，但是它的变更量表明它只适用于Vue2。所以我想自己做一个路由器标签。但我不知道怎么做。请告诉我如何制作最基本的路由器标签。
浏览 4提问于2021-08-17得票数 0
2回答
我需要升级项目从vue 2到vue3，我正在使用coreui模板。我升级了vue，vuex，vue-路由器。但是，当我为该项目服务时，它会在控制台中显示以下错误。
Uncaught (承诺中) TypeError:无法读取未定义的属性“_c”
终端没有错误。我已经用vue3语法更新了所有路由器，vuex，vue。
谢谢你的帮助
浏览 3提问于2020-11-25得票数 5
1回答
我有一个像这样设置的Vue3路由器：
var router = VueRouter.createRouter({
history: VueRouter.createWebHistory('/v3/app/'),
routes: [
{ path: '/index', component: Vue.defineAsyncComponent(() => import('/components/index.js')), name: "index" },
{ path: '/three', c
浏览 20提问于2022-04-04得票数 1
回答已采纳
一些代码更改了Vue3-Vite。在Vue3中重新启动页面后，我会收到错误。
未登录ReferenceError:无法在初始化前访问“路由器”
router\index.js
import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
const routes = [
{
path: '/',
name: 'Home',
component:
浏览 1提问于2021-04-28得票数 0
有没有一种方法可以在不使用路由器的情况下在多台机器上部署远程参与者？
在下面的配置中，我可以在remote中放置多个地址吗？？
akka {
actor {
deployment {
/sampleActor {
remote = "akka.tcp://sampleActorSystem@127.0.0.1:2553"
}
}
}
}
浏览 0提问于2014-01-16得票数 1
我已经注意到，在Vue2中，您可以将元素绑定到类的属性，并且当这个类属性从Vue世界之外的某个地方更改时，元素将更新，这在Vue3中似乎是不可能的。
我在这里创建了两个简单的例子来说明我的意思：
Vue2：
Vue3：
有一个类有一个内部定时器，它将增加类字段。在Vue2中，绑定到myClass.field的元素被正确更新，但是在Vue3中什么也不会发生。
我的问题是
1.为什么Vue2和Vue3在这里有区别？
2.如何在Vue3 ?中实现类似工作的Vue2示例
请注意，我不能在Vue生命周期方法中运行计时器。类字段需要自行更新。
下面是不起作用的Vue3代码：
HTML：
<div i
浏览 8提问于2021-12-01得票数 1
回答已采纳
1回答
我在试用vue3时遇到了一些问题。 路由器是我的习惯。 import router from './router' 当我写的时候 createApp(App).use(Antd,VueAxios,axios,qs,router).mount('#app') 页面未加载正确的page.Vue路由器看起来无法工作，但当我写入 createApp(App).use(router,Antd,VueAxios,axios,qs).mount('#app') 起作用了！那为什么呢？ 代码：https://github.com/fangminghui/app
浏览 26提问于2020-11-25得票数 1
回答已采纳
我正在构建一个Vue3 npm组件库，希望我可以使用vue -路由器的useRouter访问当前的路由器，它将自动由vue应用程序导入我的库组件提供。
如果我的库组件被直接引用，import myCompThatUsesRouter from '../../myCompThatUsesRouter.vue路由器可以工作。
如果我通过node_module包引用相同的组件，那么import myCompThatUsesRouter from '@myPackage'路由器就是undefined。
我也收到了警告
没有找到注入“符号()”。
难道这不是这些注入方法的工作方
浏览 5提问于2022-02-16得票数 1
我有一个在Vue2中构建的小包，我现在正试图迁移到Vue3，在那里，通过在vue-路由器中获取App实例来以编程方式监视路由，并且它被监视如下：
function myPluginName(router) {
router.app.$watch(`$route.query.${this.config.name}`, () => {
// do stuff outside my vue instance
});
}
它在我的Vue组件中被调用，如下所示：
myPluginName(this.$router);
在我的主JS中，我将路由器添加到Vue实例中：
const app
浏览 4提问于2022-06-22得票数 0
我一直在尝试理解嵌套路由，并在React v4路由器中切换。假设主路由器看起来如下(简化)：
<Switch>
<Route path="/" component={LoginPage} exact={true} />
<Route path="/dashboard/edit/:id" component={DashboardPage} />
<Route path="/dashboard" component={DashboardPage} />
</Switch>
“仪表
浏览 0提问于2018-11-20得票数 0
回答已采纳
2回答
The The The 赏金 5天后到期 ..。回答此问题有资格获得+100声誉奖励。 brillout 正在寻找一个 最新答案 关于这个问题。 我已经使用Vue CLI创建了一个Vue3应用程序，以便使用Vuex和路由器创建我的应用程序。应用程序运行良好。 注意:我使用Vue3阅读了这篇关于Vuex的有用文档 https://blog.logrocket.com/using-vuex-4-with-vue-3/ 要求 现在，我想更改我的Vue3应用程序，使其支持服务器端渲染(即单点登录)。 我观看了这个关于使用Vue3创建SSR应用程序的很棒的视频： https://www.yout
浏览 198提问于2020-11-19得票数 11
回答已采纳
在vuejs2中，我可以通过返回一个渲染html标签来直接在路由器中渲染。我正在尝试用vue-router 4在vue3中做同样的事情，但它似乎不起作用：
{
path: 'posts',
redirect: '/posts/all',
name: 'posts',
meta: {'breadcrumb': 'Posts'},
component: {
render() {
ret
浏览 6提问于2021-02-24得票数 3
1回答
我想知道是否有一种方法，我可以在我的Ubuntu12.04 LTS桌面为我的路由器创建一个接口。
我的目标:我想tcpdump路由器的ip地址，是192.168.1.1。
new-eth1-for router HWaddr XX:XX:XX:XX:XX:XX
inet addr:192.168.1.1 Bcast:192.168.1.255
eth0 Link encap:Ethernet HWaddr 00:22:68:36:aa:05
inet addr:192.168.1.1
浏览 0提问于2014-01-21得票数 0
回答已采纳
1回答
我在路由器配置中创建了子路由器，并以重定向到父路由器组件的方式配置了我的子路由器。但是配置不像预期的那样工作。相反，它重定向到错误页，因为它没有找到配置的路径。
我的app.route.ts文件
import { ModuleWithProviders } from '@angular/core';
import { CanActivate, Routes, RouterModule } from '@angular/router';
// Component
import { HomeRouterComponent } from '../../mod
浏览 1提问于2017-03-28得票数 2
回答已采纳
将pinia存储添加到Vue3组件的默认方法是通过在每个Vue3组件中加载nameStore.js
import {nameStore} from "@stores/nameStore.js"
const nameStr = nameStore()
Vue3有自己的提供/注入。
哪一种方法更适合用于几乎所有主要部件的主品品商店？(但在小型组件中使用不多)
浏览 8提问于2022-04-27得票数 0
回答已采纳
我认为当使用dijsktra算法时，每个路由器的最短路径树可能不同.在链路状态路由中，所有路由器都具有相同的网络拓扑结构.
因此，每个路由器是否都有其他路由器的地图(最短路径树)？
例如，当一个网络中有3个路由器时，每个路由器是否有3个映射(一个用于自己的路由器，两个用于其他路由器)？
浏览 0提问于2022-02-23得票数 2
回答已采纳
1回答
我在StdDraw和调整窗口大小以致点出现时遇到了问题。我有一个带有draw()方法的Point类
/**
* Draws this point to standard draw.
*/
public void draw() {
/* DO NOT MODIFY */
StdDraw.point(x, y);
}
然后在测试类中，我有
public static void main(String[] args) {
Point p = new Point(3, 4);
StdDraw.setXscale(0, 10);
StdDraw.setYscale
浏览 5提问于2017-08-10得票数 0
当在新路由器中给出一个非功能性路由时，我如何使用外卡进行路由？就像1.X路由器中的.otherwise或者以前的beta路由器中的/**那样？任何示例/ plnkr代码都将受到高度赞赏。
浏览 1提问于2016-07-30得票数 2
回答已采纳
我正在创建一个Laravel/Vue3 3应用程序，并希望将Laravel路由器与SPA路由器完全分开。
为了实现这一点，我创建了一个dashboard.blade.php文件，其中包含以下内容：
<x-app-layout>
<div id="app"></div>
</x-app-layout>
Vue然后简单地挂载在这个div之上，应用程序就启动了。
我的webpack.mix.js
const mix = require("laravel-mix");
mix.ts("resources/js
浏览 3提问于2021-08-19得票数 1
回答已采纳
1回答
我有一个带有电子的vue3应用程序，需要将一个变量从ipcRenderer发送到我的Vue3页面。我不知道该怎么做，特别是考虑到vue带带走了很多js。我想要做的是保存到目前为止运行良好的文件夹的路径，然后将其显示在vue3应用程序中，不管是在span还是其他方面。我成功地获得了我需要显示给ipcRenderer的值，但不能使用我的vue应用程序访问它。
Vue3页面
<q-btn
id="showpath"
dark
flat
size="xl&#
浏览 22提问于2022-01-09得票数 0
回答已采纳
我维护了一个相当大的vue2项目，它在其他库中使用Vuetify、vue-class-component、vue-property-decorator和类型记录。示例组件：
(为了显示语法，组件是简化的，不能编译)
我们对这个设置非常满意，因为它的语法很简单，所以对于新的和现有的开发人员来说很容易理解，并且因为我们在当前的2-3年的时间内没有遇到任何实际的问题。官方对vue2的支持即将结束，我们希望升级到vue3。我们现在的问题是我们应该走哪条路，什么是可能的。我已经研究了很长一段时间了，但在这个话题上仍然很困惑。vue3中的复合API是合理的，人们似乎对它普遍感到满意，这一点我很难理解
浏览 8提问于2022-06-24得票数 4
回答已采纳
1回答
我有路由器链接，在页面之间导航，我在url中发送参数
queryParamsHandling: "merge"
在某些情况下，我希望从url中删除特定的参数，但我不想松散所有参数。
我的网址看起来像：
路由后，我要删除SelectedTab参数bun，而不是UserName参数。
URL看起来如下：
路由器代码在不同的组件中，
它包含一个执行路由的后退按钮，使用后面的代码：
this.router.navigate([], { relativeTo: this.route, queryParamsHandling: "preserve" });
有什么想法吗？
浏览 0提问于2018-11-28得票数 1
1回答
可能重复：
我的路由器在beta4中工作，但在beta5中不工作。
需要的是url中的地区。选项是url中的命名空间/模块。
在module.config.php中
return array(
'router' => array(
'routes' => array(
'default' => array(
'type' => 'Zend\Mvc\Router\Http\Segm
浏览 2提问于2012-07-12得票数 0
回答已采纳
1回答
我试图从YouTube和官方文档中学习一些React基础知识，我在两个视频中遇到了多个不同的路由器。遗憾的是，老师根本没有解释任何事情，我甚至比以前更困惑了。
dr:我真的搞不懂浏览器路由器、“普通”路由器和索引路由器之间的区别。感谢大家的帮助。
浏览 0提问于2017-08-02得票数 19
回答已采纳
我是新来的反应路由器。我在我的路由器设置中使用了react路由器-dom 4.2.2，我有：
<Route path={"/confirmuser/:confirmation_code/:username"} component={ConfirmUser} />
下面是我想要实现的一个示例url：
localhost:3003/confirmuser?confirmation_code=986797&username=5f1
如您所见，我正在尝试发送多个查询字符串。在confirmUser中，我读取查询字符串如下：
console.log(this.
浏览 0提问于2018-04-11得票数 0
回答已采纳
2回答
我正在为php实践开发一个简单的路由器，它已经进化得更多了，但是我正在发布更简单的版本。
我的路由器类检查给定的url和当前的服务器路径，如果它们匹配，返回内容。这很好，但问题是路由器运行了3次，因为我在routes.php文件中调用了3次路由器get()方法。
例如，如果我想在路由不匹配时返回404错误，它将返回3次。每条路线有1次找不到。解决这个问题的最好方法是什么？
一如既往，我们非常感谢你的帮助。
路由器类：
<?php
class Router {
public $currentRoute = '/';
public function __con
浏览 6提问于2015-03-11得票数 2
回答已采纳
1回答
我用的是反应和反应-路由器。在我的反应性路由器配置中，我想添加一个将接受以下URL的路由：，其中GUID是用户在此时登录的GUID。
我正在使用WebPack。
我查看了react路由器文档：
但这不起作用，因为某些原因，也许我错过了什么。
这是我的反应性路由器配置：
import React from 'react';
import { Router, Route, IndexRoute, browserHistory } from "react-router";
import Main from "../containers/main.js"
浏览 4提问于2016-12-23得票数 1
回答已采纳
1回答
基于vue的d3图形绘制
、、、
由于不兼容的依赖关系，我不得不将vue3降级为vue2。我用D3库创建了一个力有向图。使用复合api在vue3中查找所有内容都是有效的。我对vue 2不太熟悉，并且调整我的图形以适应vue2并不适合我。在vue3中，这是非常严格的，ref()使得它非常容易完成。至于vue2，我已经很好地利用了生命周期挂钩，比如计算和监视。
任何帮助都是受欢迎的。
下面是我的工作组件在vue3中的一种极简表示。这个组件在svg中创建图形，然后在模板中呈现它。
<template>
<div class="col" style="position: absolute;
浏览 6提问于2022-02-22得票数 1
2回答
我想听听NavigationStart事件，判断它的url属性是否是/logout。如果是这样的话，当我的侦听器检测到正确的RoutesRecognized，GuardsCheckStart，ChildActivationStart，事件时，路由器应该停止触发连续事件，例如NavigationStart等。否则路由器应该继续路由。
我不想使用组件，因为我不会显示任何/logout视图。
import { Component, OnInit } from '@angular/core';
import { Router, NavigationStart } from '@
浏览 0提问于2018-05-14得票数 4
回答已采纳
我试图在我的网络中的一个远程路由器上运行命令"iwlist wlan0扫描“。我尝试了以下SSH命令
ssh -o IdentityFile=~/Dropbox/ALI/id_rsa -l root 172.20.125.162 iwlist wlan0 scan
ssh -o IdentityFile=~/Dropbox/ALI/id_rsa -l root 172.20.125.162 "iwlist wlan0 scan"
ssh -o IdentityFile=~/Dropbox/ALI/id_rsa -l root 172.20.125.162 `iwlist
浏览 3提问于2014-08-21得票数 1
回答已采纳
我用路由设置了一个新的Vue3项目。在src内部，我使用Index.vue创建一个新目录"foo“。
<template>
<div>
<div>Foo</div>
<router-view />
</div>
</template>
和一个带有Home.vue的子目录“视图”。
<template>
<div>Bar</div>
</template>
在
浏览 4提问于2021-10-19得票数 0
回答已采纳
1回答
我从另一个地方得到了这个测试。他们在注射一条模拟路线。我认为我需要模拟路由器本身，或者将一个真正的路由器传递到测试中，这样页面才能运行。在vue 2中有一种方法可以这样做，但是我还没有找到vue 3的例子。
import { mount } from "@vue/test-utils";
import Nav from "./Nav.vue";
test("it displays a menu item", () => {
const mockRoute = {
params: {
id: 1
浏览 10提问于2022-02-08得票数 1
1回答
在中有一个，它提供对location.pathname的访问
如何才能在通用路由器中获得它？
history.location.pathname只在浏览器中可用，所以不能使用它。
浏览 7提问于2017-10-21得票数 0
2回答
我正在看一个包含三个顶级组件的Angular2应用程序。引导的应用程序组件有一个头部、一个侧边栏和一个路由器插座，它们构成了页面的主体。我希望标题和侧边栏是应用程序的永久功能，并使用路由器来控制在正文中显示的内容。
<div>
<app-header></app-header>
</div>
<div>
<app-sidebar></app-sidebar>
</div>
<div>
<router-outlet></router-outlet>
浏览 4提问于2016-05-12得票数 1
我需要两个连接ADSL+调制解调器和电缆调制解调器路由器在办公室，所以我不需要切换线路，每次他们中的一个离线，有任何软件/硬件，让我把两个物理协议在我的路由器，所以在局域网的每个人都得到两个他们不需要重新配置的一切？
浏览 0提问于2016-01-25得票数 1
回答已采纳
3回答
📷
我们有以上的情况，目前我们只有一个链接与ISP ROUTER1，但很快，我们计划有第二个链接在同一个BGP路由器，但ISP方面，它将来自ISP ROUTER2。
我听说了它的建议配置BGP与环回源，但我不知道如何适合双路由器方案。这就是我们目前在我的路由器中配置的内容。
router bgp 30000
bgp log-neighbor-changes
network xx.xx.xx.xx mask 255.255.255.0
timers bgp 10 30
redistribute static route-map RTBH
neighbor 66.xx.xx.65 rem
浏览 0提问于2016-08-09得票数 1
回答已采纳
2回答
我目前正在使用angular 5。我在路由器配置和相应的组件内容表示方面遇到了这个问题。如下是我的路由器配置。
const appRoutes: Routes = [
{ path: "", pathMatch: "full", redirectTo: "home" },
{
path: "home", component: HomeComponent
},
{
path: "applications", component: ApplicationsCo
浏览 12提问于2017-12-26得票数 1
2回答
因此，数据报交换是指来自同一原始消息的数据包从源到目的地的不同路径。这种情况不会发生在交换机上，因为交换机只运行STP，从而不允许多条路径。但是路由器是可能的，因为路由器可以有多条路到达同一个目的地。那么，数据报交换只能使用路由器来方便吗？
浏览 0提问于2019-09-09得票数 2
回答已采纳
1回答
目前，我已经创建了一个Vue2组件库，并通过一个私有npm在多个项目中使用。我现在正在Vue3中启动一个新项目，但如果可能的话，我想使用旧组件。我能把那样的版本混合起来吗？另外，组件是否可以以相反的方式混合( Vue2应用程序中的Vue2组件)？
浏览 53提问于2020-08-31得票数 5
回答已采纳
我的堆栈:带有React/react-router/flux前端的Django应用程序。
我在服务器端管理一些静态页面(加上404页面等)，并希望配置我的路由器来传递任何未定义的路由到服务器。
下面是现在的设置：
let routes = (
<Route name="app" path="/" handler={ App }>
<Route name="register" handler={ Register }/>
<Route name="login" handler={ L
浏览 1提问于2015-05-22得票数 1
2回答
我试图从带有Vue3 & TypeScript中axios的Google电子表格中获取数据。
这是我第一次使用vue3而不是Vue2。
我有一个错误：属性'items‘在'BiblioAll'类型上不存在
这是我的密码
<template>
/// My template
</template>
<script lang="ts">
import { Vue } from "vue-class-component";
export default class BiblioAll exte
浏览 12提问于2021-06-28得票数 0
我正试图在Jetty8.1上运行一台骆驼服务器。WebSocket正确运行，我可以看到Init() methode中的打印。
但是，由于我在我的camel context.txt中设置了一个WebSocket：
<to uri="ws:JettyAlarmEndpoint"/>
我在Jetty控制台中有一个错误：
[ main] ContextLoader ERROR Context initialization failed
org.springframework.beans.fa
浏览 4提问于2013-09-26得票数 0
2回答
考虑一下这个网络图
📷
路由器A和B属于相同的
网络10.0.10.0/24和10.0.20.0/24可通过AS200和AS300路由
网络10.0.10.0/24可通过路由器A访问并通过路由器C
网络10.0.20.0/24可通过路由器B访问并通过路由器D
路由器C和D是ISP路由器
网络方案：
当路由器A和C之间的链路中断时，流量应通过路由器B通过D。
当路由器B和D之间的链路中断时，流量应通过路由器A通过C
下面是粗略的配置：
路由器A
router bgp 100
network 10.0.10.0/24
network 10.0.20.0/24
neighbor 10.0.21
浏览 0提问于2014-06-27得票数 4
回答已采纳
我试图在两个设备A、服务器和B路由器之间切换。从A到B，平均平响应约为1ms，从B到A的响应为0.5ms，为一半。因此，如果我将一个文件scp为B，通过登录到A，它的传输非常慢，但是如果我尝试将同一个文件从A到B，通过登录到B，则传输速度要快得多。这里发生了什么，我如何调试？
浏览 0提问于2020-01-15得票数 0
3回答
如果一个网络存在吞吐量瓶颈，那么慢链路在前面还是之后是否重要？
例如：
📷
C想给他寄点东西。
瓶颈在H那边。红色箭头的吞吐量速度是多少? 200还是100？
问题只是关于吞吐量。这意味着我们忽略了路由器的缓冲区和处理(小队列延迟、处理延迟和传输延迟)。
浏览 0提问于2016-10-23得票数 1
回答已采纳
我不能从我的路由器平IP 202.137.151.185。
在我的路由器中，我显示了IP的路由，得到了以下信息：
admin@EE-MX-RE1# run show route 202.137.151.185
inet.0: 737549 destinations, 3625282 routes (737549 active, 0 holddown, 25 hidde
n)
浏览 0提问于2018-11-28得票数 2
回答已采纳
1回答
当我试图用路由器对我的路由器进行暴力攻击时。我得到了错误
rsf (HTTP Basic/Digest Bruteforce) > run
[*] Running module creds/generic/http_basic_digest_bruteforce...
[-] Resource / is not protected by Basic/Digest Auth
我能理解这条路可能是这里的问题。
rsf (HTTP Basic/Digest Bruteforce) > show options
Target options:
Name Current
浏览 0提问于2020-10-03得票数 0
我正在构建一个PHP框架，我的英语不是最好的。有几个类(数据库抽象、模块、路由器、.)在我的框架中，它们都必须一起初始化和执行。
，什么是初始化和运行所有其他类的“主”类的好名称？
浏览 4提问于2010-03-11得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
