Vue-router

解决vue-router组件调用后端数据生成动态路由时import不能使用变量

当需要使用后端数据来生成动态路由是遇到一个问题:component:()=>import('@/xxx')能够正常路由，改为变量形式component:()=>import('@/views/'+path+'.vue')点击菜单路由视图并不加载，报错Cannotfindmodule出现这个问题原因：webpack编译es6动态引入import()时不能传入变量，例如dir='path/to/my/
忘了呼吸的那只猫·2023-11-22 08:26

大前端入门笔记

Vue的核心库只关注视图层，方便与第三方库（如：vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。
尘世中迷途小书僮·2023-11-22 02:43

vue3（windows系统）：vue3+vue-router+vuex+typescript在VS Code中使用vite——第三章：关于route和store

vue的影分身，vue-router和vuexvue-router的配置新建./router/index.tsmain.ts中修改配置基础使用vuex新建.
SoulTheFool·2023-11-22 02:03

vue3（windows系统）：vue3+vue-router+vuex+typescript在VS Code中使用vite——第一章：创建一个完整的工程目录

创建一个完整的工程目录下载安装node、npm、yarn下载安装vue、vue-router、vuexvuevue-routervuex下载安装typescript使用vite创建工程目录下载安装node
SoulTheFool·2023-11-22 02:02

vue动态路由的实现步骤

importVuefrom'vue'import$cookiesfrom'vue-cookies'importVueRouterfrom'vue-router'importstorefrom
无声的code·2023-11-21 19:41

vue-router路由(二)

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue-router路由(二)目录1.Vue-Router的懒加载如何实现2.路由的hash和
前端青山·2023-11-21 09:19

vue3-路由缓存-路由切换页面不刷新问题

路由参数可以变化，但是页面接口并没有调用，数据没有渲染1.使用添加key破坏复用机制强制销毁重建存在问题：会强制将页面所有组件销毁，重新调用2.使用import{onBeforeRouteUpdate}from"vue-router
快乐的小青蛙。·2023-11-21 01:33

Vue-router的动态路由：获取传递的值

我们可以使用Vue-router的动态路由来达到这个目的，它允许我们根据不同的URL参数动态地加载不同的组件，并且可以获取传递的值。
我爱学习yq·2023-11-21 01:46

vue-router导航守卫之官方篇

正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。
硅谷干货·2023-11-20 21:48

Vue学习

Vue学习的难点：理解和掌握Vue的核心概念，如数据绑定、计算属性、自定义事件、组件等；熟悉Vue的生命周期，了解每个生命周期的执行顺序及作用；掌握Vue的路由和状态管理，了解Vue-Router和Vuex
小帅哥-·2023-11-20 19:38

uni-app HTML5 History 模式

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
记忆哪里去了·2023-11-20 16:59

vue项目用webpack全局引用某个scss

首先引用scss一、目录package.json"dependencies":{"vue":"^2.5.2","vue-router":"^3.0.1","node-sass":"^4.14.1",},
﹏゛Aeljinh陌琳·2023-11-20 16:09

Vue CLI——Vue Router路由 & swiper插件 & Echarts使用

1、安装npminstallvue-router2、导入vue-routerimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
叽里咕呱·2023-11-20 15:38

Vue - Router

而在前端工程中，路由指的是根据不同的访问路径，展示不同组件的内容Vue官方提供的路由功能叫Vue-Router二、如何使用步骤1、安装vue-routernpminstallrouter@4@4是指第四个版本
An1ong·2023-11-20 10:24

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第二章 环境部署

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 06:22

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第三章 项目创建

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 04:27

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第一章 技术栈简介

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 01:58

2020-02-14

vue-router的使用：开发vue单页面程序时，app.vue只是.随着router的加载，会自动地把"/"对应的组件default.vue渲染进来。
杯子里希望的石头·2023-11-20 00:42

vue动态路由

importVuefrom'vue'importRouterfrom'vue-router'importlayoutfrom'..
共创splendid--与您携手·2023-11-19 22:45

vue的学习笔记（13）之vue-router详解

vue-router详解1、认识路由（1）路由是什么（2）后端路由阶段（3）前后端路由阶段（4）前端路由的规则2、vue-router基础（1）认识vue-router（2）安装和使用vue-router3
我是肿肿哦～～·2023-11-19 20:34

Vue-Router学习笔记

一、基础1.介绍VueRouter是Vue.js官方的路由管理器。是我们使用Vue构建的SPA（单页应用SinglePageApplication）的路径管理器。本质上就是建立页面Url与组件之间的映射关系。2.基本使用2.1安装npminstallvue-router-S复制代码2.2在入口文件中引入并配置//项目入口文件main.js//1.引入vue、vue-routerimportVuef
weixin_34402408·2023-11-19 20:04

vue.js学习笔记(二)——vue-router详解

一、前言要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？
yshir-phper·2023-11-19 20:00

从0搭建Vue3-admin 笔记 理解router路由操作

方法1：从'vue-router'获取，这个方法是Vue3推荐的。获取useRout
profacetom·2023-11-19 20:30

Vue学习笔记 8 - Vue-Router 详解

认识路由发展阶段(p100各种方式原理)：URL的hashURL的hash也就是锚点(#)，本质上是改变window.location的href属性。我们可以通过直接赋值location.hash来改变href，但是页面不发生刷新。原地址：http://localhost:8080在控制台输入：location.hash='aaa'//http://localhost:8080/aaalocati
Caramely·2023-11-19 20:54

vue-router及路由相关＜前端学习笔记＞

Vue路由及异步组件前端路由router原理及表现背景路由全部都是由服务端控制的，前端代码和服务端代码过度融合在一起。客户端/前端发起http请求->服务端->url路径去匹配不同的路由/返回不同的数据。优点：因为直接返回一个html，渲染了页面结构。SEO的效果非常好，首屏时间特别快。在浏览器输入一个url开始页面任意元素加载出来/渲染出来=>首屏时间缺点：前端代码和服务端代码过度融合在一起，开
DZW5323·2023-11-19 20:54

Vue3--Vue Router详解--学习笔记

vue-router是基于路由和组件的路由用于设定访问路径，将路径和组件映射起来在vue-router的单页面应用中
2019ab·2023-11-19 20:22

Vue 前置 后置 路由守卫 独享 路由权限控制 自定义属性

importVuefrom'vue'importVueRouterfrom'vue-router'//导入路由器Vue.use(VueRouter)importLoginfrom'..
.生产的驴·2023-11-19 16:13

第三十四节——组合式API使用路由

我是第一个页面跳转到第二个页面//从vue-router引入useRouter这个钩子import{useRouter}from'vue-router'//初始化这个钩子并赋值给routerconstrouter
爱在你心中·2023-11-19 08:36

从零开始搭建Vue2.0项目(二)之集成axios

前言上一篇主要介绍了如何安装通过webpack安装一个具有完整线上依赖的项目，其中我们通过webpack-template安装了vue2.0项目的Vue-Core、Vue-Router以及ESLint依赖
Java白羊·2023-11-19 08:33

vue-router的编程式导航有哪些方法？

VueRouter提供了几种编程式导航的方法，主要包括以下几种：router.push(location,onComplete?,onAbort?)：跳转到新的URL，类似于的to属性。可以指定路径或者命名的路由。router.replace(location,onComplete?,onAbort?)：替换当前路由，不产生历史记录。router.go(n)：前进或后退多少步，类似于浏览器的前进和
泡芙·草莓·2023-11-19 07:20

封装比较好的登录页面

封装比较好的登录页面只在setup()函数中写流程，将逻辑代码抽离出来登陆立即注册import{reactive,toRefs}from'vue'import{useRouter}from'vue-router'import
monana6·2023-11-19 04:08

前端路由&vue-router实现

转载自后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样http://www.xxx.com/login大致流程可以看成这样：浏览器发出请求服务器监听到80端口（或443）有请求过来，并解析url路径根据服务器的路由配置，返回相应信息（可以是html字串，也可以是json数据，图片等）浏览器根据数据包的Content-Type来决定如何解析数据简单来说路由就是用来
杰在天涯·2023-11-19 02:58

Vue前后端分离的电商后台管理系统项目的概述

前端项目主要用到的技术栈：vue、vue-router、element-plus前端组件库、axios发起网络数据请求、echarts绘制相关的图形报表.后端项目技术栈
yyhh~·2023-11-19 01:15

Vue-pdf踩坑记录

坑1：在通过vue-router路由到含有vue-pdf组件的页面时报：“syntaxError:Unexpectedtoken<”错误。
志行千里者·2023-11-19 00:26

h5页面提示只能在微信浏览器中打开_H5页面在微信浏览器中遇到的问题

1.ios微信浏览器访问h5页面，url不改变使用vue-router的路由跳转方式，ios用微信浏览器自带的复制链接或者分享功能，始终是第一个进入页面的地址，Android会跟据路由跳转更新地址使用window.location.herf
weixin_39704971·2023-11-18 19:26

Vite Vue3+Element Plus框架布局

MenuasIconMenu,Message,Setting,HomeFilled}from'@element-plus/icons-vue'import{useRouter,useRoute}from'vue-router'co
无盐海·2023-11-18 18:17

vue-router配置

1、路由安装npminstallvue-router@42、创建router目录3、编辑文件且引入router包4、main.js引入
人民的石头·2023-11-17 08:44

前端404页面的制作

代码很简单，适合新手入手，效果如下：2、代码引用的是element-plus框架回到home页3、路由配置import{createRouter,createWebHashHistory}from'vue-router'importIndexfrom
人民的石头·2023-11-17 08:44

Vue3路由的使用

router-view和keepAlive、transition结合5.404页面处理1.路由的集成和使用安装：yarnaddvue-router@4创建router目录，并在其下面创建index.js文件：//vue-router
月光晒了很凉快·2023-11-16 17:21

【Vue3+Ts+Vite】使用Vite与TS构建Vue3项目

今天学习一下如何初始化一个Vue3+Ts+Vite的项目学习地址：开始{#getting-started}|Vite中文网(vitejs.cn)与时俱进开始用全新的技术本文包含以下内容：基础框架的搭建，别名配置，vue-router
lonelysnowman·2023-11-16 13:42

Vue Router active-class 属性

active-class是vue-router模块的router-link组件的属性，当router-link标签被点击时将会应用这个样式。
云隙阳光i·2023-11-16 10:36

vue-router路由

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:Vue-Router路由目录Vue-Router路由1、路由的概念2、前端路由实现3、VueRouter3.1
前端青山·2023-11-15 09:00

18、基础路由和nuxt-link路由跳转

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置，不需要我们去额外的配置路由。nuxt-link组件用于在页面中添加链接至别的页面。
bus_lupe·2023-11-15 05:27

Vue-router 3.x 参数传递看完让你明明白白！

目录概述路由传参的两大载体分类声明式路由【router-link】编程式路由【this.$router.push()】传参的方式1.通过params传递参数配置路由参数字段占位（编程式路由实现）配置路由参数字段占位（声明式路由实现）无需配置路由参数字段占位（编程式路由实现）无需配置路由参数字段占位（声明式路由实现）2.通过query传递参数通过router-link传递query参数通过编程式路由
旧梦星轨·2023-11-15 04:21

Redirected when going from “/login“ to “/dashboard“ via a navigation guard.

这是因为vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误;真正的原因是由于返回了一个Promise对象,正常的跳转由then方法执行当正常的路由跳转,被"路由导航守卫"拦截并重新指定路由时
stubborn丶lili·2023-11-14 18:07

yarn 安装vuex vue-router 报错error Received malformed response from registry for “vuex“

报错信息直接执行该方法解决1.步骤一yarnconfigsetregistryhttps://registry.npm.taobao.org2.步骤二yarninstall--no-bin-links参考文件路径https://www.html.cn/qa/node-js/14966.html
刘栀子·2023-11-14 13:42

===＞“找不到模块“vue-router”或其相应的类型声明。“＜===

目录第一个坑："找不到模块“vue-router”或其相应的类型声明。"
Mao.O·2023-11-14 01:16

【Vue-Router】路由懒加载的几种方式

路由懒加载非懒加载require异步加载‘@/components/home’import引入，动态加载非懒加载importHomeform'./home.vue';//...{name:'Home',path:'/home',component:Home}require异步加载‘@/components/home’{name:'Home',path:'/home',component:resol
東方幻想郷·2023-11-13 23:10

Vue 笔记

HTML+CSS+JS:视图：给用户看，刷新后台给的数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI:ICE,ElementUI一、前端核心分析1.VUE概述Vue(
zyhym·2023-11-13 22:28

vue+elementui写了一个图书管理系统

写了一个图书管理系统转载自公号：java大师目前是指一个纯前端的展示，后端还在开发中，前端接口是通过json-server模拟的用到的技术栈1、vue.js2、elementui3、json-server4、axios5、vue-router
kettle教程学习·2023-11-13 12:00
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他