(已解决)在vue路由中:Vue.use(VueRouter)和Vue.use(Router);有什么区别?

news/2024/4/19 2:14:34

正规来说,

在 Vue 中使用路由功能时,实际上应当是 Vue.use(VueRouter),而不是 Vue.use(Router)

Vue.use() 是 Vue.js 提供的一个全局API,用于安装 Vue 插件。当你想要在 Vue 应用中使用 Vue Router 进行前端路由管理时,你需要做的第一步就是将 Vue Router 注册为 Vue 的插件:

import Vue from 'vue';
import VueRouter from 'vue-router';Vue.use(VueRouter);

这里 VueRouter 是从 'vue-router' 模块中导出的核心类,它提供了创建路由实例以及相关路由管理的方法。通过 Vue.use(VueRouter) 调用后,Vue Router 就会被注入到 Vue 的全局作用域中,使得每个 Vue 组件实例都能访问到 $router 和 $route 属性。

而 Vue.use(Router); 如果这里的 Router 并不是从 'vue-router' 导入的 VueRouter 类,那么这段代码将不会正确注册 Vue Router 插件,并且在后续尝试使用路由功能时会导致错误或未定义的行为。在实际开发中,应确保始终正确引用 VueRouter


Vue.use(Router)是可以使用的,在特定情况下,但是通常来说Vue.use(VueRouter)才是最正确的写法


http://www.ppmy.cn/news/1348811.html

相关文章

【Java数据结构】单向 不带头 非循环 链表实现

模拟实现LinkedList:下一篇文章 LinkedList底层是双向、不带头结点、非循环的链表 /*** LinkedList的模拟实现*单向 不带头 非循环链表实现*/ class SingleLinkedList {class ListNode {public int val;public ListNode next;public ListNode(int val) {this.val …

MySQL运维实战(6)用户认证插件caching_sha2_password

作者:俊达 用户认证及连接错误解决 MySQL用户认证可以使用几种不同的方式,创建用户时可以制定认证方式: create user username% identified with auth_plugin by passwordauth_plugin: mysql_native_password sha256_password caching_sh…

排序算法---冒泡排序

原创不易,转载请注明出处。欢迎点赞收藏~ 冒泡排序是一种简单的排序算法,其原理是重复地比较相邻的两个元素,并将顺序不正确的元素进行交换,使得每次遍历都能将一个最大(或最小)的元素放到末尾。通过多次遍…

【网络技术】【Kali Linux】Nmap 嗅探(一)简单扫描

一、实验环境 本次实验进行简单的Nmap扫描,实验使用 Kali Linux 虚拟机和 Ubuntu Linux 虚拟机完成,主机操作系统为 Windows 11,虚拟化平台选择 Oracle VM VirtualBox,如下图所示。 二、实验步骤 1、相关配置 Kali Linux 虚拟机…

Linux系统基础 03 IP地址虚拟网络、Linux软件包管理、ssh服务、apache服务和samba服务的简单搭建

文章目录 一、IP地址虚拟网络二、Linux软件包管理1、rpm包管理器2、yum包管理器3、源码安装 三、ssh服务四、apache服务五、samba服务 一、IP地址虚拟网络 1、IP地址格式是点分十进制,例:172.16.45.10。即4段8位二进制 2、IP地址分为网络位和主机位。网…

SAP-PS-02-003跨系统/Client请求传输和请求副本的创建

前言 某公司SAP服务器架构如下(举例),一般进行SAP项目实施基本会遵循以下的系统和Client准则,那在不同系统和Client要如何进行请求传输呢 服务器 Client 作用 要求 DEV 100 业务顾问进行系统配置 所有配置均在该Client进行…

re:从0开始的CSS学习之路 9. 盒子水平布局

0. 写在前面 过年也不能停止学习,一停下就难以为继,实属不应 1. 盒子的水平宽度 当一个盒子出现在另一个盒子的内容区时,该盒子的水平宽度“必须”等于父元素内容区的宽度 盒子水平宽度: margin-left border-left padding-lef…

467. 环绕字符串中唯一的子字符串

Problem: 467. 环绕字符串中唯一的子字符串 文章目录 思路解题方法复杂度Code 思路 这道题目的关键在于理解题目中的环绕字符串的概念,即字符串是由"a"到"z"连续的子串组成的,而且在"z"之后是"a"。我们可以将这…

突破编程_C++_基础教程(类的高级特性)

1 嵌套类 嵌套类是指在一个类的内部定义另一个类。嵌套类和成员变量以及成员函数很相似,也可以是公有、保护或私有的。嵌套类在使用上有点像是一个命名空间,可以将相关的类组织在一起,提高代码的可读性和可维护性。典型的比如使用嵌套类实现…

算法学习——LeetCode力扣二叉树篇2

算法学习——LeetCode力扣二叉树篇2 107. 二叉树的层序遍历 II 107. 二叉树的层序遍历 II - 力扣(LeetCode) 描述 给你二叉树的根节点 root ,返回其节点值 自底向上的层序遍历 。 (即按从叶子节点所在层到根节点所在的层&#…

cximage在vs2013下使用方法

1.下载源码 Cximage源码官网 CxImage download | SourceForge.net 下载最新版本 702版本 Download cximage702_full.7z (CxImage) 2.编译 vs2013打开CxImageFull_vc10.sln 这个源码版本是vc10的版本,所以vs2013会自动更新项目 因为cximage需要在后面的项目中使…

svg基础(七)滤镜-feflood,feDisplacementMap 位置替换滤镜

1 feflood 此过滤器创建一个矩形&#xff0c;其中填充了指定的的颜色&#xff0c;应用了不透明度值。 1.1 语法 <feFlood x"" y"" width"" height"" flood-color"" flood-opacity""/>1.2 属性 x&#x…

《CSS 简易速速上手小册》第5章:CSS 动画与过渡(2024 最新版)

文章目录 5.1 CSS 过渡基础&#xff1a;网页的微妙舞步5.1.1 基础知识5.1.2 重点案例&#xff1a;按钮悬停效果5.1.3 拓展案例 1&#xff1a;渐变显示导航菜单5.1.4 拓展案例 2&#xff1a;动态调整元素大小 5.2 关键帧动画&#xff1a;编排你的网页芭蕾5.2.1 基础知识5.2.2 重…

maven依赖报错处理(或者maven怎么刷新都下载不了依赖)

maven依赖报错&#xff0c;或者不报错&#xff0c;但是怎么刷新maven都没反应&#xff0c;可以试一下以下操作 当下载jar的时候&#xff0c;如果断网&#xff0c;或者连接超时的时候&#xff0c;会自动在文件夹中创建一个名为*lastupdate的文件&#xff0c;当有了这个文件之后…

【element-ui】el-table实现跨页多选

1、el-table添加属性row-key 2、el-table-column添加属性reserve-selection为true <el-table :row-key"getRowKey"><el-table-columntype"selection":reserve-selection"true"selection-change"selectionChange"></el…

如何使用Airtest进行UI自动化测试

一、环境搭建 1、Airtest客户端下载 访问官网http://airtest.netease.com/&#xff0c;根据自己的系统下载相应的客户端安装&#xff1b; 2、python工具下载与环境搭建 在本地python环境中安装airtest和pocoui&#xff0c;然后用命令行运行脚本&#xff1b; 1、建议使用3.…

java学习(面向对象高级部分)

一、类变量 用一个例子引出类变量&#xff08;静态变量&#xff09; package object;public class temp {public static void main(String[] args) {child child1 new child("王");child1.count;child child2 new child("丽");child2.count;child child3…

什么是Java中的Stream API,你能提供一些常见的Stream操作吗?

什么是Java中的Stream API&#xff0c;你能提供一些常见的Stream操作吗&#xff1f;在Java中&#xff0c;Stream API 是Java 8引入的一个强大的处理集合&#xff08;Collection&#xff09;数据的工具。它提供了一种函数式编程风格的方法来操作集合&#xff0c;并且可以通过链式…

CSP-202112-2-序列查询新解

CSP-202112-2-序列查询新解 【70分思路】 【暴力枚举】按照题目思路遍历一遍f(x)和g(x)&#xff0c;计算error(A)&#xff0c;时间复杂度为O(N)&#xff0c;时间超限。 #include <iostream> using namespace std; int main() {long long n, N, sum 0;cin >> n …

华为机考入门python3--(9)牛客9-提取不重复的整数

分类&#xff1a;列表 知识点&#xff1a; 从右往左遍历每一个字符 my_str[::-1] 题目来自【牛客】 def reverse_unique(n): # 将输入的整数转换为字符串&#xff0c;这样可以从右向左遍历每一位 str_n str(n) # 创建一个空列表来保存不重复的数字 unique_digits []…