vue-router

路由

路由map路由视图路由导航实现简单路由importVueRouterfrom'vue-router'Vue.use(VueRouter)letrouter=newVueRouter({mode:'history
孤岛住着两个人·2022-02-22 00:55

web5

4、vue-router路由全部改成懒加载路由，该页面被点开时才加载该页面.vue组件，提高首页加载速度。5、根据页面复杂度，删除部分页面生命周期creat
说不出口的喵·2022-02-21 21:22

Vue-cli4.0项目初始化，跟进typescript的步伐

本人已将初始化项目开源，基于Vue3.0+Typescript构建的空白项目，css样式的初始化，以及基本常用的axios,vue-router,模块化使用vuex，element-ui已经按需引入配置好
辉夜真是太可爱啦·2022-02-21 15:03

（五）使用vue-router（下）

vue-router钩子函数（路由拦截）可以用来修改title或者用来登录判断importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
秀萝卜·2022-02-21 11:56

vue-router 一些容易被忽略的知识点

声明：本文转载作为学习自用，如有侵权请联系本文适用于对Vue.js和vue-router有一定程度了解的开发者除特殊说明，vue-router版本为3.0.2正文路由class匹配路由匹配后会给该标签添加
七侠剑客·2022-02-21 11:52

vue-router知识点

1.路由的概念通过改变URL，在不重新请求页面的情况下，更新页面视图。2.vue-router两种路由模式更新视图但不重新请求页面，是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现Hash—默认值，利用URL中的hash("#")history--利用URL中的路径（/home）3.如何设置路由模式constrouter=newVueRouter({mode:'history',rout
PicriL@Shmily·2022-02-21 11:48

那些被人忽略的Vue导航知识

本篇学习目标能够了解单页面应用概念和优缺点能够掌握vue-router路由系统使用能够掌握链接导航和编程式导航用法能够掌握路由嵌套和路由守卫能够掌握vant组件库基础使用1.vue路由简介和基础使用1.0
几何心凉·2022-02-21 11:09

那些被人忽略的Vue导航知识

本篇学习目标能够了解单页面应用概念和优缺点能够掌握vue-router路由系统使用能够掌握链接导航和编程式导航用法能够掌握路由嵌套和路由守卫能够掌握vant组件库基础使用1.vue路由简介和基础使用1.0
几何心凉·2022-02-21 11:23

vue饿了么学习--项目实战--头部组件开发-Vue-resource

github.com/pagekit/vue-resource步骤1.先修改pakejson里vue-resource版本号，然后安装npminstallvue-resource步骤2：引入到mian.js,和vue-router
Monee121·2022-02-21 04:39

Vue 项目如何设置动态标题

1、常规做法就是使用Vue-Router的beforeEach拦截，首先在routers里面增加一个meta属性：constrouter=newRouter({routers:[{path:'pageList
l4u·2022-02-21 02:03

Vue3+TS + vite 创建项目

vite）vite是一个由原生ESM驱动的Web开发构建工具，打开vite依赖的package.json可以发现在devDependencies开发依赖里面已经引入了TypeScript，甚至还有vuex,vue-router
仰.·2022-02-20 14:06

vue—router篇深夜写文

vue-router使用心得一抒情偏：首先请先让抒个情，毕竟我也是个骚年，自从敲上代码后每天都是枕戈待旦，砥砺前行，如履薄冰，希望不负汗水，不负哪些被敲坏的键盘，摔坏的鼠标，夜凉如水，而此时此刻我还在奋笔疾书
undefined汪少·2022-02-20 09:23

6.webpack下使用 vue-router

在vue组件页面中，集成vue-router路由模块vue-router官网先贴上main.js的完整代码：//1.先引入包//2.创建vue实例importVuefrom'vue/dist/vue';
崩鲨卡拉卡·2022-02-20 02:10

Vue-router 别名 - alias

使用alias别名的形式，也可以实现类似重定向的效果。在路由配置文件里（/src/router/index.js），给News路径起一个别名为xinWen。将页面中News的路径更换为别名点击导航News后，会跳转到新闻页面（News.vue），这时的路径为别名（/xinWen）。redirect和alias的区别redirect：仔细观察URL，redirect是直接改变了url的值，把url变
Rising_life·2022-02-20 01:13

Vue ui组件封装

由vue-router指向的组件，通常是在router.js中路由指向的组件。
GongZH丶·2022-02-19 22:59

vue-router传参

1.paramsparams传参跳转：this.$router.push({name:'news',params:{userId:123}})接收：this.$route.params.name（在页面刷新的时候就会消失）2.router-linkquery传参跳转跳转this.$router.push({path:'news',query:{userId:123}})接收this.$route.
希染丶·2022-02-19 13:14

vue实践二：页面区块化与组件封装

本文示例代码：查看源码查看运行参考书籍：《Vue2实践揭秘》第四章：页面区块化与组件封装本文代码从之前文章：vue-router：路由与页面间导航开始一、文章目的1、简单了解并学习vue页面区块化与组件的封装
左木北鱼·2022-02-19 12:22

【实战】Vue全家桶(vue + axios + vue-router + vuex)搭建移动端H5项目

[https://blog.csdn.net/weixin_30478923/article/details/97967687]转载于:https://www.cnblogs.com/huiwenhua/p/10984352.html使用Vue全家桶开发移动端页面。本博文默认已安装node.js。github链接一.准备工作安装vuenpminstallvue安装脚手架vue-clinpminst
Sunshine_488c·2022-02-19 09:56

vue项目如何刷新当前页面

2.遇到的问题1.用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好3.解决方法
sean_liu_01·2022-02-19 08:15

【Vue3.0】还学得动吗？赶紧和我过一遍用法吧！

写在前面2020.4.20更新：目前Vue3.0已经出于Beta测试阶段，即可以对开发者开放使用了，官方工具链如vue-router、vuex等仍处于Alpha阶段，距离正式发布还有一段时间。
Kagashino·2022-02-18 10:23

Vue项目中location的search和hash的位置

项目中需要推广链接获取到search中的数据，很开心的用了location.search，然而sad地发现并没有获取到数据然而同样的地址，打印Vue中的路由数据，可以看到query被解析出来：因为Vue-router
钱英俊真英俊·2022-02-17 19:28

vue项目路由配置及两种路由跳转方法

/App' importVueRouterfrom'vue-router' Vue.use(VueRout
yezi__626·2022-02-17 15:54

vue-router配置

使用方式1:下载npmivue-router-S2:在main.js中引入importVueRouterfrom'vue-router';3:安装插件Vue.use(VueRouter);4:创建路由对象并配置路由规则
baiduo·2022-02-17 14:34

Vue3.0 + qiankun.js 实现多tab标签页路由切换

Vue3.0+qiankun.js实现多tab标签页路由切换Github地址原理是通过监听主应用的vue-router的router.beforeEach方法来动态加载(loadMicroApp)微应用页面用
·2022-02-17 14:35

vue-router源码解读--导航守卫

目录导航上一节，我们在分析路由过渡过程中，有提到，queue是我们的钩子数组，iterator是具体的每一个钩子，runQueue则是钩子函数的执行者本节示例代码如下首先，我们先看下queue数组有哪些成员成员一，来自于extractLeaveGuards函数，入参为即将失活的路由，如从/foo——>/info/child时，入参为/foo对应的路由映射表中的record，即调用extractGu
三岁就会写BUG·2022-02-17 11:57

手把手教你Vue-cli项目的搭建

目录一、创建项目二、选择Preset三、勾选需要的工具四、选择vue版本2五、vue-router的模式选择六、选择CSS预处理器七、选择代码风格八、代码检查（选择默认）九、文件存储（选择第一个分开存储
·2022-02-17 11:18

Vue-router 中hash模式和history模式

【前端路由】Vue-router中hash模式和history模式的区别hash模式url里面永远带着#号，我们在开发当中默认使用这个模式。那么什么时候要用history模式呢？
九千_·2022-02-17 10:16

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

这篇文章主要介绍了Vue-router中hash模式和history模式的区别，小编觉得挺不错的，现在分享给大家.Vue-router中hash模式和history模式的关系在vue的路由配置中有mode
一个前端狗的日常分享·2022-02-17 06:42

Vue SSR 项目 Nuxt.js 框架之《路由》

#约定式路由Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置例如pages目录结构如下：pages/--|user/-----|index.vue-----
酷酷的凯先生·2022-02-16 15:41

Vue3.x最小原型系统讲解

在文件夹下建立对应的文件目录，按如下指令执行即可构建其最简单结构3.在建立好目录结构后，按照如下文件即可实现对应文件中的内容4.然后在main.js文件中引入该部分内容四、引入路由Vue-RouterVue1.安装对应的vue-router
·2022-02-16 13:12

axios

下载：npminstallaxiosvue中的axios前端页面和后台数据进行交互服务器下载：npminstallhttp-server-g安装：http-server链接：先vue后vue-router
身痞味·2022-02-16 11:53

vue-cli:main.js使用vue-router

在main.js中进行路由配置constrouter=newVueRouter({mode:'history',routes:routerConfig});使用router的方法router.push({path:'/login'});
zackxizi·2022-02-16 11:15

Vue2.0系列（八）vue-router高阶

一、导航守卫1.1、全局守卫router.beforeEach注册一个全局前置守卫：constrouter=newVueRouter({...})router.beforeEach((to,from,next)=>{//...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫resolve完之前一直处于等待中。每个守卫方法接收三个参数：to:Route:即将
范小饭_·2022-02-16 11:37

npm安装不能使用问题（如安装 vue-cli，webpack）等

vue-router：路由
舟渔行舟·2022-02-16 09:25

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

hash模式url永远带着#号，我们在开发当中默认使用这个模式。那么什么时候要用history模式呢？如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url适合推广宣传。当然其功能也有区别，比如我们在开发app的时候有分享页面，那么这个分享出去的页面就是用vue或是react做的，咱们把这个页面分享到第三方的app里，有的app里面url是不允许
张星的·2022-02-16 04:32

2019-07-31 vue-router components default

1、安装vue-cli脚手架a.下载安装node.js，随包同时也安装了npm;b.安装vue-cli：npminstallvue-cli-g;//全局安装，只需要安装一次，以后新建其他的项目不用安装了c.vueinitwebpackdemo//初始化项目，注意是vueinit，而不是npminit(这个是创建package.json文件的)先要进入我们项目的安装目录，然后执行下面的操作d.nmp
半眼鱼·2022-02-15 22:15

98道经典Vue面试题总结

98道经典Vue面试题总结本文档基于vue-cli技术栈总结了vue-cli工程vue.js核心知识vue-router路由vuex状态管理器axios等http请求移动端适配Tab切换等常用功能vue
Asens_9dff·2022-02-15 11:51

vue 购物 WebApp

项目基于vue、vue-router、vue-cli3，api请求相关部分采用axios，数据部分并非来自服务器，而是本地基于express启动相关数据服务。
Don_GW·2022-02-15 09:02

Vue-cli的使用感受

router：这是vue-router生成的index.js，这里主要存放的是路由配置的信息。APP.vu
都江堰古巨基·2022-02-15 07:21

Vue3 SSR 服务端渲染调研

----------------时间：2020-11-11----------------状态：ssr的文档尚未发布vue3尚不能支持IE11image.png实践发现：ssr下vue-router不能正确工作通过
梧桐月明中·2022-02-14 21:41

Vue.use 源码分析

Vue.use用法vue提供了Vue.use的全局api来注册插件，比如vuex、vue-router等用法Vue.use(plugin)参数如果是一个对象，必须提供install方法参数如果是一个函数
牧码的星星·2022-02-14 18:41

知识梳理

嵌套路由怎么定义(1)、active-class是vue-router模块的router-link组件的属性(2)、使用children定义嵌套路由2、怎么定义vue-router的动态路由?
壹直卝注你·2022-02-14 12:58

uni-simple-router：使用vue-router管理uniapp路由

，通过其他方式构建的uniapp项目请参考uni-simple-router官网uni-simple-router(hhyang.cn)uniapp用到了vue的很多api，但在路由管理的功能上相较于vue-router
·2022-02-14 10:47

如何在Vue组件中使用vue-router的钩子函数

今天发现需要在某些页面需要使用路由的钩子函数，但是发现加上去之前没有反应？然后去翻了一下资料，soeasy，附上代码：在main.ts(因为我使用ts写的，所以在main.ts)或main.js里面加上钩子函数的注册就OKimportComponentfrom'vue-class-component'//RegistertherouterhookswiththeirnamesComponent.r
会撸码的小马·2022-02-14 03:53

vue-router源码分析

后端路由路由的概念最开始是在后端出现的，浏览器发送URL，服务器接收到浏览器的请求时，通过解析不同的URL去拼接需要的HTML或模板，然后将结果返回到浏览器进行渲染。服务器端路由有利有弊，好处是安全性更高，更严格控制页面展示。但是增加了服务器负荷，并且需要reload页面，用户体验不佳。前端路由前端路由保证只有一个HTML页面，在用户交互时不刷新和跳转页面的同时，为SPA中的每个视图展示形式匹配一
·2022-02-13 18:45

路由 路由的传参 路由的嵌套 axios

路由：vue-router带三方工具库创建单页面应用spa(singlepageapplication)通过不同的URL访问不同的页面下载：npminstallvuenpminstallvue-router1
久伴我者付宝宝·2022-02-13 17:44

vue预渲染插件 prerender-spa-plugin（seo优化，生成多页面）

预渲染模式，这比服务端渲染要简单很多，而且可以配合vue-meta-info来生成title和meta标签，基本可以满足SEO的需求注意：使用预渲染vue-router必须使用history模式build
快乐小码仔·2022-02-12 17:35

手写Vue2核心（七）：vue-router实现

源码相关的文章确实不好写，一个是每个人基础功不一样，我觉得说的清楚的东西可能对到别人依旧含糊，一个是对一些逻辑的理解也未必就敢说百分百正确，最后是真想拆分一步步的关键代码都不好拆。如果有这种文章经验的作者欢迎交流。本文实现的是vue-routerv3.4.8版主要核心功能准备工作自行实现的vue毕竟是阉割版的，所以这里下载vue/cli来进行router与后面的vuex开发。执行命令npmi@vu
羽晞yose·2022-02-12 11:08

vue-router源码解读--init过程

目录导航经过上一节分析，我们知道vueRouter向组件的beforeCreate中混入了相关逻辑，并执行了一些初始化工作我们知道，路由在执行安装过程中会向install函数挂载静态属性installed，若不存在则说明没有被调用，那么极大可能是用户未使用vue.use注入路由this.apps中保存着所有的组件实例，这是因为路由是可以有多个实例的，这意味着我们可以在特定的组件加载时去注册一些路由
三岁就会写BUG·2022-02-12 03:25

120、Vue打包优化 详解

webpack-bundle-analyzer：查看资源树productionSourceMap:false2.路由懒加载关闭Prefetch4.element-ui组件按需加载5.使用CDN外部加载资源-vue,vuex,vue-router
world_7735·2022-02-11 19:56
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他