vue-router

Vue3使用vue-router如何实现路由跳转与参数获取

目录vue-router实现路由跳转与参数获取路由跳转和传参路由跳转三种方法的总结一、第一种二、第二种三、第三种vue-router实现路由跳转与参数获取路由跳转和传参import{defineComponent
·2022-03-30 15:08

Vue 项目中常遇到的问题

刷新页面，传的参数类型变了问题描述vue-router通过query传参，比如：?
辉太狼`·2022-03-30 14:00

vue3中router路由以及vuex的store使用解析

store使用方法1、企业开发Router全局配置2、企业开发Store全局配置功能快捷键vue3router路由及vuexstore使用1.路由import{useRouter,useRoute}from'vue-router'ex
·2022-03-30 13:59

vue中图片加载不出来的问题及解决

目录一、项目打包完成后，打开整体空白1、路径问题原因解决办法2、vue-router的history模式打包后界面空白二、assets目录下图片加载不出来vue-cli的assets和static的两个文件的区别原因解决办法简化本地图片加载的方法在使用
·2022-03-26 16:39

TypeError: Cannot read properties of undefined (reading ‘NormalModule‘)

运行环境：Vue3，Vue-Router，Vuex，Saas问题原因由于在参考Vue官方代码，其中有ts代码，因此需要安装ts，但安装ts-loader后报错开始报错，无法顺利运行问题解决卸载ts-loader
勤奋的清风·2022-03-24 12:39

SyntaxError: The requested module ‘/node_modules/.vite/vue-router/dist/vue-router.esm.js?v=4830dca4’

npmuninstallvue-routernpminstallvue-router@next-S
小灵儿呐·2022-03-24 12:32

基于node.js + vant + vue-router + axios热点资讯H5移动端实现

热点资讯移动端实现先看看内容，再下载代码项目目录结构项目介绍主要功能页面展示主要模块前言：完整写一个项目，从搭建框架开始。大家好，今天带给大家一个项目–热点资讯移动端。适用人群：学习过vue基础的小伙伴，没学过先麻利儿的去学习vue基础去。（陆续更新，关注我不会迷路哟！）有耐心点，慢慢看完！（可以当作毕业设计，完全没问题）先看看内容，再下载代码我上传到csdn上了，合适的话可以去下载，https:
咖啡壶子·2022-03-24 12:31

vue-router 动态路由刷新页面空白或者404

场景：登录系统后需调取接口，从后端动态拿到菜单动态设置路由，这样直接登录并跳转没有问题，但是直接访问动态添加的路由，就会出现空白页或者404页面产生404原因：404路由是在设置动态路由之前加入的，当访问一个动态路由时，访问的路由还不存在，当通过addRoute加入路由，并不会触发新的导航。也就是说，除非触发新的导航，否则不会显示所添加的路由。所以重定向到了404解决：404路由在设置动态路由时添
·2022-03-23 18:58

vue-router原理与源码分析

单页面应用（SPA）一次性从服务器下载，切换页面不用再发送页面请求，只发送对应页面的图片等请求Vue-router核心$router.go(-1)===history.go(-1)===浏览器后退操作路由需要实现响应式
XINGAO丨·2022-03-21 15:21

超详细!Vue-coderwhy个人学习笔记(四)（Day6-Day7）

前言此文章接前面笔记内容，主要内容是vue-cli、vue-router前面笔记超详细!Vue-coderwhy个人学习笔记(一)（Day1-Day2）超详细!
coderYYY·2022-03-20 17:50

vue——路由vue router

vue做的都是单页应用，只有一个主页面index.html，所以标签不起作用的，这就要使用vue-router来进行管理文章目录一.介绍二.创建组件三.router-view四.routes配置webpack
33的史努比·2022-03-20 06:25

vue-router

[email protected]源码解析前端路由主要有2部分组成：1、url的处理；2、组件的加载[toc]install函数exportfunctioninstall(Vue){//避免重复加载if(install.installed&&_Vue===Vue)returninstall.installed=true_Vue=VueconstisDef=v=>v!==undefinedconstregister
·2022-03-20 01:27

Vue-router中path的设置

下定决心，好好过一天~最开始死活不知道是按照什么个原则去设置路径的，一直以为，这个设置的路径是有一个相对路径的。导致引用的时候一直错。path的路径设置是自己直接设置的，不管它在哪里，自己都可以定义他的路径名，而router-link引用的时候，，那个路径就是你自己设置的，自己设置的相对路径（逻辑路径）。不存在他文件在哪的路径问题。routes:[//{//path:'/',//name:'Hel
give it a try~·2022-03-18 21:56

vue-router 的base 配置项的解释

1:newVueRouter({mode:'history',//访问路径不带#号base:'/page/aa'//配置单页应用的基路径})
猕猴桃-HR·2022-03-18 04:02

vue router 原生html,Vue router 使用 History 模式导致页面请求 404

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
古都大同·2022-03-18 04:16

vue router 中 mode 和 base 属性

首先附上官网链接：https://router.vuejs.org/zh/guide/essentials/history-mode.html在vue的路由对象中有两个属性：mode(模式)和base(基路径)vue-router
程序_人生·2022-03-18 04:12

vue-router的base配置项解释

newRouter({mode:'history',//访问路径不带#号base:'/page/aa',//配置单页应用的基路径});页面这样访问http://localhost:8080/page/aa/和http://localhost:8080/访问的效果是一样的。
Amodoro·2022-03-18 03:04

浅析vue-router中history模式

浅析vue-router中history模式文章目录浅析vue-router中history模式路由初始化history模式初始化history模式浏览器行为监听history模式路由导航流程之前的学习中写过一篇有关
辛巴德2018·2022-03-18 03:33

Vue-router部署采用history方式部署

打包之前：1、将router里面的mode修改成history，将base修改成部署的前端工程名称即可2、修改tomcat配置，将web.xml里面添加一行404/index.html3、将工程丢掉tomcat下面启动服务器即可。
LeBron_Jay·2022-03-18 03:01

Vue-Router中base应用

根据官方文档的描述ThebaseURLoftheapp.Forexample,iftheentiresinglepageapplicationisservedunder/app/,thenbaseshouldusethevalue“/app/”因为我们平常开发测试运行时候一般执行npmrunserve...Apprunningat:-Local:http://localhost:8080-Netw
qiaojun1234567·2022-03-18 03:00

vue-router的base和mode配置项

vue-router的base和mode配置项  路由代码如下：constrouter=newVueRouter({mode:'history',base:'/vue',routes})  1)mode
闲人不梦卿·2022-03-18 03:13

vue-router实现history模式配置

一：概述vue-router可以设置两种模式：hash和historyconstrouter=newVueRouter({mode:"hash",//mode:"history",routes});如果使用
注释科长·2022-03-18 03:40

vue-router history mode nginx 配置方式

最终打包出来的文件夹名称）项目B：projectB（最终打包出来的文件夹名称）想要最终的访问方式：www.yourDomain.com/projectAwww.yourDomain.com/projectB默认vue-router
alanwhy0528·2022-03-18 03:57

2022年Vue最常见的面试题以及填空题（面试必问）

只有它依赖的属性值发生改变，下一次获取computed的值时才会重新计算computed的值；watch：更多的是“观察”的作用，类似于某些数据的监听回调，每当监听的数据变化时都会执行回调进行后续操作；二、vue-router
陶然同学。·2022-03-17 14:45

web前端开发技巧，HTML如何添加锚点

Vue面试题文档内容主要包括vue-cli工程，vue核心知识点，vue-router，vuex，http请求，UI样式，常用功能，MVVM设计模式，深入拓展。
前端资料大全·2022-03-16 09:49

vue3.0 typescript 创建项目，路由RouteConfig 报错 has no exported member ‘RouteConfig‘.ts

正确写法如下：import{createRouter,createWebHistory,RouteRecordRaw}from'vue-router'constrout
永远的新手·2022-03-16 09:47

vue2安装vue-router报错的解决方法

目录项目场景：问题描述：原因分析：解决方案：附加：总结项目场景：在vue2中安装vue-router问题描述：提示：在安装过程中报错，缺少依赖：PSD:\WebDeplpyer\workspace\Vue_Basic
·2022-03-15 15:36

vue-router携带多个参数

需求背景a页面通过请求获得的参数，通过vue-router传递给b页面，并在b页面使用传递单个参数a页面//默认基本路由配置ok，后段请求处理完毕，仅展示关键部分···getInfo(){//处理请求数据
·2022-03-14 21:20

跟着狂神学Vue

HTML+CSS+JS:视图：给用户看，刷新后台给的数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI:ICE,ElementUIVue概述：Vue(读音/vju/,类似于
未名湖畔种千玺·2022-03-13 14:03

vue 路由记忆功能

原文链接:vue路由记忆功能vue-router钩子beforeRouteEnter函数获取到this实例constFoo={template:`...`,beforeRouteEnter(to,from
阿豪boy·2022-03-13 14:31

vue的路由守卫和keep-alive后生命周期详解

目录Vue-Router懒加载如何定义动态路由param方式query方式Vue-Router导航守卫全局路由钩子router.beforeEach路由独享守卫组件内的守卫beforeRouterEnterbeforeRouteUpdatebeforeRouteLeaveVue
·2022-03-08 18:30

基于vue+srpingboot的学生成绩管理系统

本项目在最后将会在文章最后面发出来框架前端vue：vue-router：通过vue-router实现页面的跳转和数据传参axios:实现前端和后端数据交互element-ui：构建页面后端springboot
相与还·2022-03-08 11:15

vue前端路由以及vue-router两种模式实例详解

目录前言1、什么是前端路由（1）后端路由阶段（2）前后端分离路由阶段（3）单页面应用阶段2、vue-router提供了hash和history两种路由模式（1）hash模式（2）history模式（3）
·2022-03-06 16:00

前端面试笔记-Vue篇

目录Vue3与Vue2的区别MVVMVue生命周期Vue组件通信Vuediff策略Vue虚拟DOMVue计算属性vue-router实现懒加载vueloader的工作原理如果你自己设置vueloader
教练，我也想学·2022-03-05 10:53

vue--前端路由及vue-router两种模式

本文来总结一下路由变化和vue-router中的路由模式区别相关知识点。
丶Serendipity丶·2022-03-04 13:00

深入了解vue-router原理并实现一个小demo

目录插件编写的基本方法需求分析我们先看看vue-router的使用步骤由此我们看看vue-router内部做了什么？
·2022-03-03 17:36

Vue.js官方的路由管理器 带你快速入门

Vue-Router简介路由分为前端路由和后端路由后端路由：就是平时用户发送URL请求服务器拦截根据不同的URL的请求服务器返回不同的页面前端路由：由前端来根据不同的请求返回不同的页面在单页面应用中由于页面结构大部分固定只需要改变一小部分所以更适合前端路由
陶然同学。·2022-03-01 21:07

vue--vue-router 组件映射到路由

本文来总结一下vue-router的相关知识点和用法。正文1、什么是vue-router路由路由就是SPA（单页应用）的路径管理器,vue-router就是WebApp的链接路径管理系统。
丶Serendipity丶·2022-02-28 16:00

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘

错误截图踩坑原因在配置vue-router的路由时和将router实例挂载至Vue实例上时，实例名称没有按照标准配置vue时在配置vue-router时，我们一般会将路由的映射关系抽成一个数组，就想下面这样
一只学弱狗！·2022-02-25 12:27

vue-cli3中使用vue-router

在项目中使用vue-router管理路由，分为以下几步第一步：在终端（terminal）中安装vue-routernpminstall-gvue-router第二步：在src目录下创建一个router文件夹
我不淑女girl·2022-02-23 14:20

Vue-cli实战项目3 vue-router的安装和基本使用

安装第一步npminstallvue-router--save第二步src目录下新建router.jsimportVuefrom"vue"importRouterfrom"vue-router"Vue.use
若依不弃·2022-02-23 14:19

Vue2.0三——Vue-router

我会从两个方面来写路由自定义路由（以拉勾网为例）路由指的是在不刷新页面的情况下更新页面通过：#hash，例如：10.0.164.8:8080/index.html/#main然后通过H5的history对象的history.pushState()+popState事件实现路由切换实现步骤：(1)在script文件下创建路由表routes.jsexportdefault{'/':'Position'
weixin_34235457·2022-02-23 14:49

Vue3中使用vue-router

next-D创建Router对象和路由配置——routerIndex.jsimport{createRouter,createWebHashHistory,createWebHistory}from"vue-router
豪犀利·2022-02-23 14:49

Vue中的router路由

目录一，vue-router路由二，vue-router路由常用配置三，vue-router路由嵌套四，vue-router路由参数传递与获取五，使用props替代路由对象获取参数六，路由的动态跳转七，
~疆·2022-02-23 14:48

vue3 使用vue-router

/App.vue'import{createRouter,createWebHashHistory}from"vue-router"importrongrongfrom".
爱生活，爱编程·2022-02-23 14:18

Vue-cli4——vue-router路由

Vue-cli4——vue-router路由（一）Day1文章目录Vue-cli4——vue-router路由（一）前言一、代码解析1.1src/router/index.js1.2src/App.vue
zyugat·2022-02-23 14:18

Vue3 使用路由router

一、引入import{useRouter}from'vue-router';二、使用在setup中声明并使用！
小草莓蹦蹦跳·2022-02-23 14:18

vue3配合vue router4使用

使用命令行查看vue-router所有版本号npminfovue-routerversions安装最新的[email protected]//
imHere··2022-02-23 14:48

Vue_02_vue-router的基本使用

Vue-router官方地址在web中，路由分前端路由和后端路由。在后端路由中，每个URL都对应着服务器的一个资源；前端路由则负责实现页面跳转，不与服务器做交互。
LycLhsYYY·2022-02-23 14:16

Vue基础/生命周期/路由

文章目录Vue基础知识点：生命周期：过滤器路由vue-router前端路由核心：ui-router：vue中：Vue基础知识点：1:全局的代表Vue.的2:实例的代表this.或者newVue().3:
ZQD1997·2022-02-22 13:16
上一页 46 47 48 49 50 51 52 53 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他