router
vue报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！ ......
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节，我们将实现一个 router-link 组件，这个组件可以实现点击跳转到指定的路 ......
手撕Vue-Router-实现router-view
前言 在上一篇 [手撕Vue-Router-实现router-link] 中，我们实现了 router-link 组件，这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界，同一个梦想的，那么我就废话不多说了，直接上代码。 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
MySQL Router学习总结
MySQL Router介绍 MySQL Router是MySQL官方提供的一个轻量级中间件，是InnoDB Cluster的一部分，当然它也可以单独部署使用，可在应用程序和后端MySQL服务器之间提供透明路由方式。主要用以解决MySQL主从/集群的高可用、负载均衡、易扩展等问题。Router作为一 ......
高级前端开发工程师必备：Hooks、React Router v6 和状态管理
点击下方“前端开发博客”，关注并“设为星标” 大家好，我是漫步 最近一个大佬的简历这样子写的，“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouer v6的源码,进行过技术分享;对技术选型( re ......
Vue 中 vue-router 的使用
一、内容：1.一个路径配置对应一个组件，或一个路径配置对应一个函数（请求），称之为一个路由。2.SPA(single page web application),只有一个页面的应用程序。3.路由器 router，是一个 vue 的插件库，专门用来实现 SPA。4.整个应用只有一个router。5.数 ......
手撕Vue-Router-添加全局$router属性
前言 经过上一篇文章的介绍，完成了初始化路由相关信息的内容，接下来我们需要将路由信息挂载到Vue实例上，这样我们就可以在Vue实例中使用路由信息了。 简而言之就是给每一个Vue实例添加一个$router属性，这个属性就是我们在上一篇文章中创建的VueRouter实例。 实现思路 我们需要在Vue实例 ......
手撕Vue-Router-初始化路由信息
前言 经过上一节课的学习，我们已经完成了提取我们想要的路由信息数据格式，提取完毕了之后，接下来我们该干什么，接下来需要做的步骤就是监听路由的变化，保存当前的路由。 那么就会遇到几个问题，就是怎么监听，怎么保存，我们先回到 VueRouter 的官方文档，点击右上角的 API 参考，然后拖动到底部，在 ......
$router.push()中通过path跳转和通过name跳转有什么区别
今天在路由跳转传参时发现params传参接收到的总是为空，才发现通过path和name传参是有区别的 path传参要完整的路径，不能带参数。name传参可以带params。 params的传参页面刷新会丢失，query的传参不会丢失 使用path进行跳转： 当你使用path进行跳转时，你需要提供完整 ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
router
import Vue from 'vue' import VueRouter from 'vue-router' import Login from '@/views/login' import Layout from '@/views/layout' import Search from '@/v ......
手撕Vue-Router-知识储备
前言 本文是手写Vue-Router的第一篇，主要是对Vue-Router的知识储备，为后面的手写做准备。 那么 VueRouter 怎么实现呢？要想实现 VueRouter，首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么？VueRout ......
Vue-路由（vue-router）
路由：Vue-router（vue路由插件） 先了解下 route、routes、router三者之间的区别 （加$只是为了区别其它变量） router：一般指的是路由实例 ，如：vue的编程式导航 this.$router.push() routes：指创建 vue-router 路由实例的配置项 ......
vue2.0源码简读（6. Vue Router）
6.1 路由注册 Vue 从它的设计上就是一个渐进式 JavaScript 框架，它本身的核心是解决视图渲染的问题，其它的能力就通过插件的方式来解决。Vue-Router 就是官方维护的路由插件，在介绍它的注册实现之前，先来分析一下 Vue 通用的插件注册原理。 Vue.use Vue 提供了 Vu ......
router其实是VueRouter的一个实例，所以它是一个全局对象，包含了所有的子对象和属性
router其实是VueRouter的一个实例，所以它是一个全局对象，包含了所有的子对象和属性 而route是正在跳转的这个路由的局部对象，可以获取这个正在跳转的路由的name，path，params，query等 this.$router 全局的路由对象，options.routes包括所有的路由 ......
angular-ui-router学习
资料地址：UI-Router for AngularJS (1.x) - Hello Galaxy! - UI-Router 重点学习了：Nested States 嵌套状态，主要用来解决多个组件组合在一起，进行布局的问题。 ......
使用TS进行Vue-Router的Meta类型扩展
目录1、前言2、解决 1、前言 使用Vue-Router时，会将一些字段信息附加到路由的Meta对象里面，比如图标icon，标题，权限等，如下： { path: '/billboard/board/:boardId', name: 'billboardBoard', props: true, com ......
vue-router中重写push方法
文章目的： 看到一段代码不理解什么意思，查了一下是为了解决，重复跳转相同的路由，控制台报错。 重写了方法后，能catch异常，不会在控制台报错了。 代码： Router.prototype.push = function push(location) { console.log(location, ......
03_Vue Router
一、什么是路由 路由概述 路由(route)其实是一种映射关系，类似于key >value的键值对的关系，其中key表示请求的路径path。 路由是根据不同的 url 地址展示不同的内容或页面； 路由分为前端路由和后端路由 前端路由：前端路由的value表示组件，一个path映射一个组件； ......
vue3路由转发报错Failed to resolve component: router-link
//在学习vue3路由转发的时候,总是报路由的一些方法无法识别，undefined 报错： // App.vue:9 [Vue warn]: Failed to resolve component: router-link // vue路由跳转报错Cannot read properties of ......
Vue3Router路由传参
import { useRouter } from 'vue-router' //首先在setup中定义 const router = useRouter() // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路 ......
[vue-router] hash模式与history模式的区别
单页面应用（SPA） 单页面应用程序将所有的活动局限于一个Web页面中，在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成，单页面应用不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI ......
鸿蒙极速入门(五)-路由管理（Router）
页面路由指在应用程序中实现不同页面之间的跳转和数据传递。HarmonyOS提供了Router模块，通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。 一、基础使用 Router模块提供了两种跳转模式，分别是router.pushUrl()和router.replaceUrl()。这 ......
通过MySQL router连接MySQL8.0.23 Group Replication使用方式
服务器信息：应用服务器：部署Myrouter，版本mysql-router-8.0.23-linux-glibc2.17-x86_64-minimal10.172.144.8810.172.144.89 数据库服务器：部署MGR，版本mysql-8.0.23-linux-glibc2.17-x86_ ......
【HarmonyOS】元服务卡片router实现跳转到指定页面并传动态参数
【关键字】 元服务卡片、router跳转不同页面、传递动态参数 【写在前面】 本篇文章主要介绍开发元服务卡片时，如何实现从卡片中点击事件跳转到指定的应用内页面，并传递参数接受参数功能。此处以JS UI开发服务卡片为例，JS卡片支持组件设置action，包括router事件和message事件，其中 ......
基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程
导语：在日常开发中，有时候会在项目中引入 ts 来解决一些 js 的问题，下面就简单介绍一下如何使用 vue3+ts+router+pinia 来搭建一个项目。 目录 简介 创建 安装 配置 实战 简介 vue3 目前是常用的 vue 版本，提供了组合式 API 以及一些新的功能和特性；ts 这种类 ......
import { useRouter } from 'next/router'; 在非hooks 文件或组件中使用
将 import { useRouter } from 'next/router'; 改为 import Router from "next/router"; 使用： Router.push('/'); 原来使用 import { useRouter } from 'next/router'; 会导 ......
vue进行跳转之后出现Cannot read properties of undefined (reading 'router') TypeError: Cannot read properties of undefined (reading 'router'的问题
问题描述 使用router进行页面跳转时，就出现了这样的问题： 也就是这里出现了问题： 问题解决 本来是按照网上的教程： const _this=this; 但是，但是，我本来就是用的这种方法呀~ 然后就打算直接在这个界面引用： import router from '@/router' route ......