vue-router

浅析-vue.js

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack
you4580·2023-09-16 09:50

vue各路径，组件都没问题，但页面空白

App.vueexportdefault{name:'app'}index.jsimportVuefrom'vue'importRouterfrom'vue-router'importLoginfrom
黄乐荣·2023-09-16 07:42

VUE-Router的知识点总结

一、动态路由匹配形如：constrouter=newVueRouter({routes:[{path:'/user/:id',component:User}]})后面的值就是动态匹配的参数，真正的路由值跳转到冒号之前的路径中，：后的值在this.$route.params中，可以在任意组件中被使用。当只有：后的参数改变的时候，原来的组件实例会被复用，意味着组建的生命周期不会再被调用如果此时想要对参
上学威龙_·2023-09-15 17:50

electron + vue3 + ts 打包后安装打开白屏解决

：将createWebHistory改为createWebHashHistory原代码import{createRouter,createWebHistory,RouteRecordRaw}from"vue-router
陈龙辉Break·2023-09-15 11:05

使用vue3 + TS + Pinia + Vant4 + vite搭建商城H5项目框架

初始化阶段使用的技术栈有：vue3.2、vue-router、TS、Pinia、Vant4、Less、vite1.环境检测：node-v检测是否有安装node.js，未安装请先去官网安装node.js2
往事随风，唯有技术·2023-09-15 06:20

2019-06-29

运行效率高,适合移动/PC端开发3）它本身只关注UI,可以轻松引入vue插件或其它第三方库开发项目Vue扩展插件1）vue-cli:vue脚手架2）vue-resource(axios):ajax请求3）vue-router
Python黑户·2023-09-14 18:41

vue-router进阶（router.beforeEach((to, from, next)，router.beforeResolve( to,from,next )）等等

vue-router进阶全局守卫路由专享守卫组件守卫前言：之前写过vue-router的基本用法。这次写一篇router的进阶版。
LBOcean·2023-09-14 12:27

Vue3路由

文章目录Vue3路由1.载入vue-router库2.实例2.1Vue.js+vue-router实现单页应用2.2router-link创建链接2.3router-view显示与url对应组件2.4`
Hahaha???·2023-09-14 11:26

⑥ 在vue中引入路由

什么是路由：管理页面的跳转（vue-router）官方文档https://router.vuejs.org/zh/introduction.html第一步：安装路由后启动项目npminstall--savevue-router
酒玖·2023-09-13 21:56

vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

2065Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationvue路由报错在main.js中添加代码importRouterfrom'vue-router'constrouterPush
AF01·2023-09-13 19:05

vue中路由缓存问题产生的原因是什么？解决方式有哪些？

1.缓存产生的原因vue-router为了性能考虑如果路径不变对应的组件也不会重新渲染2.导致的问题组件不渲染生命周期钩子函数也就不执行依赖钩子函数发送网络请求的逻辑就无法执行新数据无法获取3.解决思路根据思路
李晨飞_·2023-09-13 09:46

vue3 表单搜索内容回显到地址栏

地址栏输入内容回显到form表单，同理表单输入内容也要回显到地址栏中重置查询import{ref,watchEffect}from"vue";import{useRoute,useRouter}from"vue-router
饱饱~~·2023-09-13 09:29

vue_router_webpack_imported_module_0__.define is not a constru

vue爆这个错，原因有以下几种：1：vue和vue-router版本不一致，这个可以在项目文件夹的package.json查看，或者项目根文件敲“npmlistvue||npmlistvue-g”查看当前项目
卡乐咪小Y·2023-09-13 08:40

Vue-Router 一篇搞定 Vue3

前言在Web前端开发中，路由是非常重要的一环，但是路由到底是什么呢？从路由的用途上讲路由是指随着浏览器地址栏的变化，展示给用户不同的页面。从路由的实现原理上讲路由是URL到函数的映射。它将URL和应用程序的不同部分映射到特定的处理程序或控制器上。路由本身也经历了不同的发展阶段：服务端路由服务端路由也称后端路由。服务器根据用户访问的URL路径返回不同的响应结果。当我们在一个传统的服务端渲染的web应
Until2028·2023-09-13 07:02

Vue配置——vue-router的详细配置

1.初始化vue-router首先安装vue-router，并创建名为router的文件夹，在下新建一个index.jsnpmivue-router2.vue-router的简单配置首先引入vue和vue-router
维多利亚少年-·2023-09-12 22:42

vue3的params传参失效的解决方案state

params传参，一直拿不到参数查阅资料如下：——————————————————————————————————————————state方案如下：要传参的组件import{useRouter}from'vue-router'constrouter
前端小怪兽zmy·2023-09-12 21:24

Vue封装路由跳转方法，vue-router对query传参进行加密解密

1.引入库crypto-jsnpminstallcrypto-js2.封装加密、解密方法crypto.js文件，根据自己开发习惯，放在工具类utils文件夹即可（直接复制）constCryptoJS=require("crypto-js");//引用AES源码jsconstkey=CryptoJS.enc.Utf8.parse("1234123412ABCDEF");//十六位十六进制数作为密钥c
前端攻城狮路飞·2023-09-12 17:13

vue项目文件系统路由

webpack文件系统路由方法一：vue-router模块划分参考文档：vue-router模块划分-掘金vite文件系统路由方法一：vite-plugin-pages使用Vite为Vue3/React
yunsiyu·2023-09-12 13:00

vue-router

image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngvue-router有哪些钩子函数?全局前置守卫router.beforeEach全局解析守卫router.beforeResolve全局后置钩子router.afterEach路由独享的守卫befor
旧时袋·2023-09-12 09:46

vue之router路由最优美写法，懒加载、打包代码分离。

一、基础写法，没有懒加载，打包分离代码官方最基础的路由写法importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components
w晚风·2023-09-12 08:56

vue使用vue-router报错

报错1.app.js:172UncaughtTypeError:vue_router__WEBPACK_IMPORTED_MODULE_0__.defaultisnotaconstructorateval(index.js:4:1)at./src/router/index.js(app.js:108:1)atwebpack_require(app.js:169:33)atfn(app.js:442
大白菜1号·2023-09-12 07:40

初始化一个 vite + vue 项目

npmcreatevite然后根据提示命令cd到刚创建的项目目录下，使用npminstall安装所需要的依赖包，再使用npmrundev即可启动项目配置vite.config.js添加process.env配置，如果下面vue-router
sywdebug·2023-09-12 03:20

关于this.$XXXXXXX

$router：vue-router路由，importrouterfrom‘./router/’。2.this.
北冥有锅·2023-09-12 00:45

vue-router中meta的作用

meta的作用：vue-router路由元信息说白了就是通过meta对象中的一些属性来判断当前路由是否需要进一步处理，如果需要处理，按照自己想要的效果进行处理即可定义路由的时候可以配置meta字段：constrouter
青颜的天空·2023-09-11 23:25

从零开始搭建vite4.0-vue3.0项目

目录前言项目地址项目初始化git初始化别名配置解决vscode报错vue-router安装pinia安装环境配置axios安装element-plus按需引入eslint与prettier安装scss安装
chengbo_eva·2023-09-11 17:55

vue3组件内判断是否进行路由跳转

import{onBeforeRouteLeave}from'vue-router'import{ElMessageBox}from'element-plus'onBeforeRouteLeave((to
小小小的学习日记·2023-09-11 17:50

解决Vue的router-link路由跳转但页面没有刷新问题

今天写项目写了一天真是累死了，又碰到这种bug让我很头大原因vue-router中router-link路由跳转也传统的路由跳转不同，vue-router的路由跳转其实是组件之间的跳转。
SMnK·2023-09-11 14:37

vue-router + vue-cookies实现登录超时退出

1.一般登陆都会将登陆信息放入cookie中，vue中需要借助vue-cookies.//main.js文件const$cookies=require('vue-cookies')Vue.use($cookies)2.在登录的时候将登录信息放入cookie中//登陆组件，template部分省略this.$axios({method:"post",url:login,data:{userName:
Ishmael丶Yoko·2023-09-11 13:20

vue3路由跳转params传参接收不到

import{useRouter}from"vue-router";constrouter=useRouter();//提现记录constwithdrawalClick=(item)=>{router.push
ZYJ~·2023-09-11 12:59

Vue - 路由守卫（路由的生命周期）

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

【无标题】Vue2路由的使用 vue-router

一、基本使用1.安装vue-router，命令：`npmivue-router`（注意：vue2中，必须使用vue-router3）2.应用插件：`Vue.use(VueRouter)`3.编写router
奶球不是球·2023-09-11 06:43

vue3切换路由模式——Hash 、histoary

1、history模式使用createWebHistoryimport{createRouter,createWebHistory}from'vue-router'importHomefrom'..
LazyHaokj·2023-09-11 01:20

前端路由与vue-router原理

前端路由vue-router前端路由概念理解：url与ui的映射关系，再改变url的情况下，展示对应内容，但是不会对整个页面进行刷新(1)监视地址栏变化；(2)查找当前路径对应的页面组件；(3)将找到的页面组件替换到
bug丸·2023-09-10 23:21

使用vue-router的history模式需要的配置

title:'使用vue-router的history模式需要的配置'icon:fa-vuejsdate:2018-08-0609:36:46categories:tags:使用vue-router的history
tian田小旺·2023-09-10 21:45

vue-router之beforeRouteEnter实现注册成功判定，并给出相应提示

小白爬坑指南：下午想用vue框架写个注册登录，结果在注册成功后跳转到登录页面给出提示卡了一下~~给大家分享一下我的心路历程免得大家在这浪费时间。1.beforeRouteEnter的使用：代码如下beforeRouteEnter(to,from,next){console.log(to);console.log(from);//直接通过这个我们可以查看到路由是从哪里跳转过来的console.log
小白酱的头号黑粉·2023-09-10 18:04

vue + vue-router 实现动态切换代理（不同角色使用不同的请求地址）

一.技术栈（vue2+vue-router+vue-cli3）1.首先我们需要在项目中的vue.config.js文件里面配置多个代理devServer:{port:8889,//端口号disableHostCheck:true,proxy:{'/acceptor':{target:'你的请求地址（支持node全局变（process.env.VUE_APP_BASE_API））',changeOr
前端勾魂师·2023-09-10 18:15

2020-06-24 VueX

vuex是vue的一个插件（vue-router也是一个插件）。它提供多组件之间共享数据的解决方案。
汐埋罗傲·2023-09-10 11:39

vue和react区别？

生态系统不同：vue有vue-router、vuex等；reac
一个大长腿·2023-09-10 09:48

unplugin-auto-import的配置和eslint报错解决

unplugin-auto-import的配置和eslint报错解决先上官网：unplugin-auto-importunplugin-auto-import解决了vue3-hook、vue-router
acgCode·2023-09-10 07:20

vue-router + element-plus实现面包屑导航栏和路由标签栏

效果预览首先，先解释一下什么是面包屑导航栏和路由标签栏。如下图所示，面包屑导航栏就是展示当前所处路由信息和父辈路由信息的导航栏，它的作用是提示用户当前页面所在位置；路由标签栏就类似于浏览器的标签栏，每个标签对应一个路由页面，点击该标签可以进入该路由页面。在这里解释一下，我所说的父辈路由是父路由的超集，对于一个子路由，它的父路由、它的父路由的父路由、它的父路由的父路由的父路由…都属于它的父辈路由。我
开longlong了吗？·2023-09-10 07:19

vue-router + element-plus实现多层级路由的动态展示

需求前端的路由往往是分层级的，所有的路由组合起来就像是一棵树，为了方便说明，我们举一个简单的例子，如下图所示：上图中除去根节点共有六个路由，每个叶子节点路由对应一个页面，每个父节点路由对应一个分组。在开发单页面应用时，我们往往会需要一个导航栏或者称之为菜单栏，方便用户点击以实现路由间的跳转。基于element-plus组件库，我们希望这些路由组成如下图的形式的侧边菜单栏，当我们点击叶子节点路由时，
开longlong了吗？·2023-09-10 07:49

vue路由

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。
会飞的贤鱼·2023-09-10 05:28

路由缓存问题 | vue-router的导航守卫

路由缓存问题带参路由，当参数发生变化时，相同的组件实例将被复用，组件的生命周期钩子不会被调用，导致数据无法更新。两种解决方法：1.给RouterView绑定key值，即特点：不复用，破坏组件缓存，强制执行，存在一定的浪费，即会重复请求数据。如，2.使用onBeforeRouteUpdate导航钩子（导航守卫），会在每次路由更新之前执行，在回调中执行数据更新的业务逻辑即可。//1.导入钩子impor
要加油哦～·2023-09-10 05:24

vue-router 路由创建、路由嵌套、二级路由

文章目录前言说明一、路由起步二、使用步骤1.创建项目2.安装路由3.创建文件1.Test.vue文件2.index.js文件3.App.vue文件三、运行项目1.在项目文件下打开cmd，输入yarnserve2.打开浏览器，访问http://localhost:8080/3.点击Test，页面无需刷新，跳转至http://localhost:8080/#/test二、嵌套路由1、创建文件2、修改文
李子木、·2023-09-09 20:02

前端路由原理

在稍微复杂一点的SPA，都需要路由，vue-router也是vue全家桶的标配之一。vue-router中有hash和H5History两种路由模式，下面，我们逐个进行讲解。
雪燃归来·2023-09-09 18:11

vue-router懒加载的配置以及路由的一些小知识

路由跳转回到顶部在router的index.js里面配置//路由跳转回到顶部scrollBehavior(to,from,savedPosition){//return期望滚动到哪个的位置return{x:0,y:0}}路由传参用parmas传的参数刷新页面会消失，用query不会，但是query不美观路由懒加载(跳转到当前路由，才会开始加载)懒加载写法{path:'/newsCenter',co
Mcarrot·2023-09-09 07:17

简单实现VUE-Router

安装vueaddrouter核心步骤步骤一：使用vue-router插件//router.jsimportRouterfrom'vue-router';/**VueRouter是一个插件*1）实现并声明两个组件
欧怼怼·2023-09-09 06:06

windows系统下安装Nodejs并安装vue-cli

windows下安装nodejs下载安装淘宝镜像加速器(cnpm)安装vue-cli初始化一个vue-cli程序安装webpack安装vue-router下载Node.js下载地址根据自己的电脑选择下载下载完成后点击下载好的文件一路
scypreferhjh·2023-09-09 05:31

教你快速上手Vue3配置路由（Vue-Router）

目录本文描述：环境需求：路由配置：①安装VueRouter依赖：②创建路由文件：③全局导入路由使用方法：①导入方法②创建router实例③使用router④具体代码本文描述：vue3项目创建完成后使用vue-router
turbo夏日漱石·2023-09-09 02:42

vue项目构建流程

npminstall-gvue-cli然后在一个项目下建一个比如jsj这样的目录,进入这个目录打开命令行窗口：vueinitwebpackpro(这个是项目名字)，写完这个命令之后会出现一些命令行让回答y或n，这个时候这样：如：1)vue-router
JK酱·2023-09-09 00:43
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他