Vue-router

3、vue-router之什么是编程式路由

什么是编程式路由呢？就是通过写js代码来实现页面的跳转1.[图片上传失败...(image-672a77-1551253249532)]router.push({path:'name'});首先我们来讲讲简单的，上面两个方法记住，等效的。①还是在test.vue组件里面写个div并给它添加一个click跳转事件：②在view文件下新建一个goods.vue③在router中引入这个goods组件④
world_7735·2024-01-23 19:20

vue中keep-alive的理解和使用

但keep-alive是vue本身提供的组件，而并非vue-router提供。它支持对普通组件和路由组件的缓存。实现原理：keep-alive实现原理是：渲染一个组件时，根据组件（通过cons
小玲子小玲子·2024-01-23 14:40

vue路由懒加载及组件懒加载

三、使用常用的懒加载方式有两种：即使用vue异步组件和ES中的import1、未用懒加载，vue中路由代码如下importVuefrom'vue'importRouterfrom'vue-router'importHelloWorld
不行了快拦住我·2024-01-23 04:11

路由的使用

以下是一个示例代码，展示了Vue.js路由的用法：//引入Vue和VueRouterimportVuefrom'vue'importVueRouterfrom'vue-router'//导入组件importHomefrom
我爱学习yq·2024-01-22 23:19

vue3-路由配置

进行路由配置import{createRouter,createWebHistory}from'vue-router'importLoginfrom'@/views/Login/index.vue'importLayoutfrom
是老虎是狮子不是大象·2024-01-22 17:59

audio的使用

播放停止import{ref,onMounted}from'vue';import{useRouter}from"vue-router";constrouter=useRouter()constaudioRefs
paul jeorgh·2024-01-22 17:29

解决element-ui el-menu跳转，导航不高亮或没有选中问题

场景：使用elementuiNavMenu导航菜单,跳转到子页面，导航不高亮解决方案1、使用default-active绑定计算属性2、使用vue-router的模式，启用该模式会在激活导航时以index
jia林·2024-01-22 16:33

vue-router 路由创建简单流程

文章目录前言一、什么是路由？二、使用步骤1.创建项目2.安装路由3.创建文件1.HelloWorld.vue文件2.Test.vue文件3.index.js文件4.main.js文件5.App.vue文件三.运行项目1.在项目文件下打开cmd，输入yarnserve2.打开浏览器，访问http://localhost:8080/3.点击HelloWorld，页面无需刷新，跳转至http://loc
李子木、·2024-01-22 12:20

vite 创建项目流程 + vue3学习

npmi初始化项目npminstallvue-router安装路由新建router文件创建index.js内容：import{createRouter,createWebHashHistory}from"vue-router
weixin_heye·2024-01-22 12:50

使用Vue+ElementUI搭建属于自己的个性博客

博客介绍前端页面纯使用VUE+VUEX+ElementUI框架，请求使用axios，路由使用vue-router，及其他优秀小插件完成，完全抛弃了Html以及Jquery，搭建一套完全属于自己的个性博客
zhua.er·2024-01-22 02:13

Vue-Router: 如何在Vue应用程序中使用编程式导航？

Vue-Router是Vue.js官方提供的路由管理器。它可以让我们在应用程序中管理页面之间的路由映射关系，实现单页应用的效果。在Vue-Router中，导航分为两种：声明式导航和编程式导航。
忧郁的蛋~·2024-01-22 01:29

Vue-Router: 如何使用路由钩子函数来处理路由变化

Vue-Router是Vue.js官方的路由管理插件，它能够帮助我们在Vue.js应用中实现单页应用的路由功能。
忧郁的蛋~·2024-01-22 01:27

2019-10-25 - Vue - router

源自：https://router.vuejs.org/zh/HTML5History模式vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载
小火球烧屁股·2024-01-21 18:42

浪花 - 主页开发

一、简易版主页1.主页展示用户列表{{tag}}联系我import{useRoute}from'vue-router'import{onMounted,ref}from"vue";importmyAxiosfrom
乐小鑫·2024-01-21 03:47

vue-router history模式下放在服务器出现白屏问题，nginx配置

location/{#记得修改root所指的目录root/var/www/html;try_files$uri$uri/@router;indexindex.htmlindex.htm;}location@router{rewrite^.*$/index.htmllast;}
A森森·2024-01-20 19:57

vue嵌套路由，二级路由使用介绍

vue-router嵌套路由，二级子路由项目中如果都是一级路由，路由管理会有些乱。
Misnice·2024-01-20 14:09

Vue3-路由安装、配置与使用

一、安装routernpmivue-router二、创建router文件夹创建index.ts文件import{createRouter,createWebHashHistory}from'vue-router'constroutes
前端小卡拉米·2024-01-20 12:05

路由导航守卫控制页面访问权限

importVuefrom'vue'importRouterfrom'vue-router'importLoginfr
李小白呀·2024-01-20 11:27

Vue-router 路由传参及隐藏参数详解

1.路由跳转及传参形式vue中路由中需要传递参数的话可以用query和param传递，两者类似于get和post。先上路由配置文件（router/index.js)constroutes=[{path:'/chat',name:'Chat',component:Chat},]path方式跳转（query）Register//简写不传参this.$router.push('/chat')//全写传参
Bayi··2024-01-20 01:10

Vue学习笔记——vue-router

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文章仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。==箭头函数==：一种定义函数的方式//1.定义函数的方式：functionconstaaa=function(){}//2.对象字面量中定义函数constobj={bbb:function(){},bbb(){}
小910888·2024-01-19 20:15

路径传值params

/views/my.vue")}然后再页面写一下代码import{RouterLink}from"vue-router";import{ref}from"vue";constkobe=ref("传给my
paul jeorgh·2024-01-19 15:27

vue-router的配置

目录下创建一个router文件夹,里面建一个index.ts,router.ts然后我们就在index里面写一下代码import{createRouter,createWebHistory}from"vue-router
paul jeorgh·2024-01-19 15:56

vue 如何合并两个 项目_Vue 项目中使用 webpack 将多个组件合并打包并实现按需加载...

必然要使用webpack或者Browserify进行打包，对于大型应用，为了提升加载速度，可以使用webpack的codesplitting功能进行分割打包，生成较小的模块并按需加载，这在Vue文档及vue-router
weixin_39773239·2024-01-19 10:20

react学习之路二：路由守卫-判断登录状态

以下内容全部是vue转react学习过程中的笔记，难免有错误，仅供参考一、vue的路由守卫vue-router提供了内置的APIrouter.beforeEach()在这个方法里面，我们可以判断登录状态来拦截路由的跳转二
qinleo007·2024-01-19 04:49

＜Articles v-if=“!loading“ :articles=“props.articles“ /＞的区分

问:import{onMounted,ref}from'vue'import{useRoute}from'vue-router'importArticlesfrom'..
fury_123·2024-01-19 01:06

Vue3前端h5移动端页面预览PDF使用pdfjs-dist，添加自定义文本水印

pdfjs-dist版本[email protected]{ref,onMounted,watch}from'vue'import{useRoute}from"vue-router
Amodoro·2024-01-19 00:50

electron+vite+vue3 快速入门教程

handle(双向)4.3主进程向渲染进程发送事件三、窗口创建与应用事件四、技术栈和构建工具五、electron-vite安装1.环境要求2.安装3.快速安装4、目录结构5、公共资源和引用主进程引用公共资源6、vue-router
pixle0·2024-01-18 22:33

Vue-router切换路由使用Transition达到过渡效果

router-view所在的组件代码结构过渡效果样式//.fade.fade-enter-active,.fade-leave-active{transition:opacity0.5sease;}.fade-enter-from,.fade-leave-to{opacity:0;}
躺平阿福·2024-01-18 22:21

vue-router有几种钩子函数？具体是什么及执行流程是怎样的？

一、写在前面之前对于vue-router的路由导航守卫不是很清楚，今天总结一下，并且总结一下执行的顺序。
卖菜的小白·2024-01-18 19:13

vue3 vue-router 钩子函数

全局路由守卫（vue-router4.0中将next取消了，可写可不写，returnfalse取消导航，undefined或者是returntrue验证导航通过）router.beforeEach((to,from)=>{}),next是可选参数，可写可不写，returnfalse是取消导航，如果返回值为true或者是undefined意味着通过验证(路由跳转之前拦截)router.afterEa
wyyyyy11·2024-01-18 19:43

vue-router的钩子函数

vue路由钩子大致可分为三类：1.全局钩子主要包括beforeEach和afterEach，beforeEach函数有三个参数to:router即将进入的路由对象from：当前导航即将离开的路由next：Function，进行管道中的一个钩子，如果执行完了，则导航的状态就是confirmed（确认的）,否则为false，终止导航。否则为false,终止导航。afterEach函数不用传next()
勇敢牛牛，冲冲冲·2024-01-18 19:11

使用 vue-router 全局守卫钩子函数，根据登录状态进行路由拦截以及滚动条回到页面顶部

一、登录状态路由拦截1.首先安装vue-router依赖npminstallvue-router2.在main.js文件中，引入router，挂载到根节点上importrouterfrom'.
qq_36437172·2024-01-18 19:41

【vue3 vue-router 钩子函数】

vue3vue-router钩子函数全局路由守卫（vue-router4.0中将next取消了，可写可不写，returnfalse取消导航，undefined或者是returntrue验证导航通过）router.beforeEach((to,from)=>{}),next是可选参数，可写可不写，returnfalse是取消导航，如果返回值为true或者是undefined意味着通过验证(路由跳转之
秃头的小靓仔·2024-01-18 19:09

vue-router的导航钩子

vue-router中有7个钩子函数，主要分3类：全局钩子前置守卫：router.beforeEach；后置守卫：router.afterEach；全局解析守卫：router.beforeResolve
fansfanfan·2024-01-18 19:09

Vue 中 vue-router的导航钩子函数

（1）全局的钩子函数beforeEach和afterEach，beforeEach有三个参数，to代表要进入的路由对象，from代表离开的路由对象。next是一个必须要执行的函数，如果不传参数，那就执行下一个钩子函数，如果传入false，则终止跳转，如果传入一个路径，则导航到对应的路由，如果传入error，则导航终止，error传入错误的监听函数。（2）单个路由独享的钩子函数beforeEnter
CjBkl·2024-01-18 19:08

vue-router之路由钩子函数应用解析

vue-router是vue开发中不可或缺的一部分，也是vue全家桶生态的重要部分，平时开发vue时会高频率使用，那么它除了在routes上的应用外，还有一些钩子函数具体可以应用在哪些地方呢路由的钩子函数共有
kirinlau·2024-01-18 19:37

vue3+vite+ts+pinia 后台管理项目总结

vite+ts构建项目基础框架，配置代码运行环境,对项目进行模块化划分,并集成element组件库、axios请求库；利用axios拦截器实现了权限校验,对系统的登入权限进行控制,避免了无效请求；利用vue-router
子伟-H5·2024-01-18 17:15

Vue----Vue简介

框架：一套现成的解决方案vue全家桶：vue(核心库)、vue-router(路由方案)、vuex(
萤火虫的小尾巴·2024-01-18 16:53

Vuex 起步

如果你有使用vue-router经验的话，也知道组件的渲染除了直接引入，还有——路由视图可以渲染组件。props和this
爱妃给朕躺下·2024-01-18 14:59

如何使用vue-router在进入路由前给url加上参数

需求为需要在url每个路由上都加上channel字段next()与next('/')区别，前者不执行beforeEach导航钩子，后者会执行，故如果没有next()则会死循环to是要跳转的路由from是来自哪个路由//注册一个全局前置守卫,确保要调用next方法，否则钩子就不会被resolvedrouter.beforeEach((to,from,next)=>{//判断该页面有channelif
YellowPoint·2024-01-18 08:13

微信H5获取微信文章

iframe嵌套微信公众号文章-掘金(juejin.cn)大佬的import{useRoute}from"vue-router";import{getCurrentInstance}from"vue";
2333!!!!!·2024-01-18 04:11

docker使用nginx部署vue刷新页面404

在网上查找问题原因和解决办法，但是大多数都说是资源找不到，让修改配置文件刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。如
Azure++·2024-01-18 00:02

2019-08-22 v（手把手教学）vue3.0 项目中安装使用jquery

dependencies":{"jquery":"^3.4.1",///一定要有这个没有的话，手动添加"@antv/f2":"^3.4.1","core-js":"^2.6.5","vue":"^2.6.10","vue-router
冬天的_太阳·2024-01-17 23:04

Vue实战：两种方式创建Vue项目

3、配置Node.js环境变量4、查看node版本5、查看npm版本6、安装VueCli脚手架7、查看VueCli版本（二）命令行方式构建Vue项目1、创建Vue项目目录2、安装axios模块3、安装vue-router
howard2005·2024-01-17 14:08

nginx配置中关于try_file的一些问题

1.出现的问题在前后端项目都部署完成后，项目后端项目正常，前端项目中的路由如下：importVuefrom'vue';importRouterfrom'vue-router';importHomefrom
程序员张同学·2024-01-17 11:44

前端TS项目中遇到过的难点（二）

12.根据关键字搜索通过双向数据绑定(v-model)和相关组件来完成如下效果.........import{useRouter}from"vue-router";//创建路由器对象let$router
Mangcun_tutu·2024-01-17 09:30

解决若依Vue3前后端分离---路由切换时显示白屏

import{useRoute}from'vue-router';importiframeTogglefrom'./IframeToggle/ind
简单点了·2024-01-17 04:53

es6导入导出语法，vue-router简单使用，登录跳转案例，scoped的使用

es6导入导出语法默认导出和导入导出语法只导出变量：exportdefaultname只导出函数：exportdefaultadd导出对象：exportdefault{name,add}exportdefault{name:"彭于晏",add:(a,b)=>{returna+b}}导入语法相对导入，相对于当前文件importlqzfrom'./lyz/utils'绝对导入--》开始导入的路径src
N10N11·2024-01-17 00:13

vuex的初步使用-1

2.安装vuex安装vuex与vue-router类似，vuex是一个独立存在的插件，如果脚手架初始化没有选vuex，就需要额外安装。
盖盖衍上·2024-01-16 19:48

Vue-router 中hash模式和history模式的区别

两种模式使用哪种都可以1hash模式下，仅hash符号之前的内容会被包含在请求中，如http://www.abc.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回404错误。（即它的特点在于：hash虽然出现在URL中，但不会被包括在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。）2history模式下，前端的URL必须和实际向后端发起请求的URL一致，如h
Echo坚决不玩蹦极·2024-01-16 11:12
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他