Vue-router

vue-route

官网：https://router.vuejs.org/例子route设置route引入importVuefrom"vue";//引入importVueRouterfrom"vue-router";importroutesfrom
小小一小只·2021-06-23 19:56

vue-router中hash模式与history模式的区别

vue-router有两种模式hash模式history模式1.单页面应用单页应用1.只有一个html文件，整个网站的所有内容都在这一个html里，通过js来处理2.不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的
·2021-06-23 18:16

vue-router源码解读--视图更新（RouterLink）

目录导航我们在分析导航守卫时跳过了组件更新，这与RouterView和RouterLink相关本节我们尝试分析router-link的具体实现，示例代码如下clickme对于router-link可接收的参数如下比较常用的是to，这标识路由即将跳转的导航位置；tag决定了router-link将被转化为那种html标签；activeClass则提供了用户自定义激活态样式的能力我们知道，vue可以自
三岁就会写BUG·2021-06-22 23:30

vue-router基本使用

参考：https://blog.csdn.net/wuhenzhangxing/article/details/80707145一、路由的3个基本概念：route、routes、router1、route：表示一条路由2、routes：表示一组路由3、router：表示路由机制，用来管理路由二、客户端路由的两种实现方式1、基于hash2、基于H5historyapi三、路由实现1、HTML页面有两
胡_松·2021-06-22 22:04

详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)

(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢...Vue-Router
胡杨林_3b8d·2021-06-22 21:58

Vue2.0路由进阶，为什么要学习导航守卫？

官方解释：vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。
爱讲鸡汤的油腻大叔·2021-06-22 15:36

Vue-router

Vue-router认识路由前端渲染与后端渲染url的hash和HTML5的historyvue-router的基本使用路由的懒加载vue-router嵌套路由Vue-router参数传递Vue-router
debug_LX·2021-06-22 05:54

vue-router 的基本使用和路由守卫

路由中有三个基本的概念route,routes,router1，route，它是一条路由，由这个英文单词也可以看出来，它是单数，Home按钮=>home内容，这是一条route,about按钮=>about内容，这是另一条路由。2，routes是一组路由，把上面的每一条路由组合起来，形成一个数组。[{home按钮=>home内容}，{about按钮=>about内容}]3，router是一个机制，
回到唐朝做IT·2021-06-21 17:28

vue的学习笔记总结

1.常用名词npm:包管理器，用于下载资源包vue-router:vue推荐的路由框架vuex:状态管理器，用于维护vue组件间公用的一些变量和方法axios:用于发起get，post请求vux:基于vue
Lucy_b1dc·2021-06-21 14:07

详解Vue-Router的安装与使用

目录安装路由的基础配置将Router安装到Vue中Router的相关配置Router.routes的相关配置实现一个简单的路由1.配置路由2.在组件中实现路由1.router-link用于实现路由的跳转组件:该组件支持的属性2.router-view根据当前VueRouter的配置,当路由路由路径发生改变时渲染对应的路由视图组件安装1.在已有Vue项目中手动安装vue-routernpminsta
·2021-06-21 10:19

(一)VUE-router简易入门

vue-cli的时候他提示我们了解释路由首先让我们看看路由，，这个文件就是路由的核心文件src/router/index.jsimportVuefrom'vue'//引入vueimportRouterfrom'vue-router
我拥抱着我的未来·2021-06-21 10:50

Mui-Vue-Pug-Sass-Starter

&cnpm此部分跳过，请自行脑补Vue-Cli全局安装cnpminstall--globalvue-cli初始化Vuevueinitwebpackmui-vue-pug-sass-starterPS:vue-router
七两半·2021-06-21 10:49

vue源码--vue-router根据源码实现方式-造轮子

分析vue-router的使用下图：vue-router源码分析：1、路由的创建需要使用new关键字，说明vue-router是一个构造函数，需要用new来实例化一个构造函数。
仰寒天·2021-06-21 05:03

结合项目学习vue2(路由vue-router，状态管理vuex)

http://www.cnblogs.com/colorful-coco/p/6366159.html
changlinwang·2021-06-21 04:20

VUE3（五）vue路由vue-router4

使用vue-router，这里特别说明一下，我这里记录的是vue-router文件的编写。及在页面中的使用。
camellias__·2021-06-21 04:56

Omi 入坑指南 第四场 Router

在React的世界里面有React-Router,Vue的世界里有Vue-Router,当然在Webpack这个打包工具里面如果没有一个Router扩展包的话，那是不可能的，所以进入的Omi-Router
茶艺瑶·2021-06-21 01:45

vue3使用vue-router的完整步骤记录

前言对于大多数单页应用程序而言，管理路由是一项必不可少的功能。随着新版本的VueRouter处于Alpha阶段，我们已经可以开始查看下一个版本的Vue中它是如何工作的。Vue3中的许多更改都会稍微改变我们访问插件和库的方式，其中包括VueRouter。一、第一步：安装[email protected]二、第二步：main.js先来对比一下vue
·2021-06-20 14:53

一篇文章学会Vue中间件管道

在本教程中，我们将学到怎样用Vue-Router[1]为Vue应用程序实现中间件管道。什么是中间件管道？中间件管道（middlewarepipeline）是一堆彼此并行运行的不同的中间件。
·2021-06-20 14:51

vue-router笔记1

$cnpminstallvue-router--savevue的基本用法就是，分割成好多个组件，每个组件有data,template,methods,computed,等等，还有components这些组件都需要挂载在html上根组件比较简单，就是在newVue（{}）的时候，可以用el字段绑定挂载，或者生成实例后，newVue({}).$mount("app")来挂载而其他组件则需要从根组件开始
wudimingwo·2021-06-20 10:35

vue-router 如何在新窗口打开页面

1.标签实现新窗口打开：官方文档中说v-link指令被组件指令替代，且不支持target="_blank"属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的是支持target="_blank"属性的(tag="a")，如下：新页面打开home页2、编程式导航：有些时候需要在单击事件或者在函数中实现页面跳转，那么可以借助router的示例方法，通过编写代码实现。我们常用的是$route
zsy氯化钠·2021-06-20 06:00

后端小白的Vue-Router学习笔记

文章目录写在前面十、Vue-Router10.1、唠一唠Web开发的阶段发展10.2、history、hash10.3、入门案例10.4、入门案例改进10.5、关于router-link其他属性10.6、动态路由匹配10.6.1、关于$route10.6.2、响应路由参数的变化10.6.3、捕获所有路由或者404路由10.7、嵌套路由10.8、编程式导航10.8.1、关于router和$route
5akura·2021-06-19 20:58

Vue 路由 Vue-Router

路由注入实例constrouter=newVueRouter({routes:[{path:'/user',name:'user',component:{template:'User'},{path:'/user/:id',component:{template:'{{$route.params.id}}'}}]})newVue({router}).$mount('#app')此后可以在任何组件内
李霖弢·2021-06-19 16:32

vue-router源码学习笔记

参考链接：https://github.com/DDFE/DDFE-blog/issues/9https://juejin.im/post/58611353ac502e006739e188https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%
西瓜古古丫·2021-06-19 15:35

vue-router

一：使用路由引入组件配置路由创建路由实例创建Vue实例，挂载路由二：两个标签（1）路由出口路由匹配到的组件将渲染在这里（2）使用router-link组件来导航.，通过传入to属性指定链接，默认会被渲染成一个标签三：两个属性this.$router全局路由对象，用来跳转this.$route当前页面路由信息四：路由操作Api路由跳转（1）通过路径跳转this.$router.push({path:
a不知所谓·2021-06-19 14:58

VUE 集成TypeScript之vue-router重构 (二)

VUE如何集成TypeScript之初步踩坑(一)vue-router的痛点在上一篇分享中，我们已经成功的把TypeScript接入vue项目中，接下来我们会把vue-router作为项目中的首选改造点
前端沧海·2021-06-18 22:18

vue-router 路由重复点击 报错

报错如图报错：vue-router.esm.js?8c4f:2065Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/home".通过$router.push()的方式跳转路由时，路由重复点击会报错，虽然不影响功能使用，但是总会有些不合适，强迫症很难受。解决办法：有两种解决办法
铜钱会会草·2021-06-17 17:11

解决ElementUI导航栏中的vue-router重复点菜单报错问题

//解决ElementUI导航栏中的vue-router重复点菜单报错问题constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push
Limolovely·2021-06-17 11:09

vue-router 学习笔记

动态路由参数，以冒号开头配置，浏览器中的路径不需要加冒号，类似于正则表达式对一个简单字符串的匹配匹配的优先级就按照路由的定义顺序：谁先定义的，谁的优先级就最高。路径加上/为根路径this.router访问路由路由器this.route访问当前路由用name跳转和用路径跳转效果相同命名视图就是使用命名组件，命名路由用于push或link的to属性重定向函数:redirect:to=>{//方法接收目
牛鼻子老邵·2021-06-15 06:56

vue-router 基本使用

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。Home按钮=>home内容，about按钮=>about内容，也可以说是一种映射.所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做到正确的对应，比如，我点击home按钮，页面中怎么就正好能显示home的内容
裘马轻狂大帅·2021-06-14 21:08

webpack学习（一）

入坑之旅（二）loader入门webpack入坑之旅（三）webpack.config入门webpack入坑之旅（四）扬帆起航webpack入坑之旅（五）加载vue单文件组件webpack入坑之旅（六）配合vue-router
zhouyilian·2021-06-14 17:37

Uncaught (in promise) Error: Redirected from “/xx” to “/yy” via a navigation guard

像这样：截图直接说解决方案：删除node_modules，到package.json中将vue-router改为3.0.7，重新npmi即可。
你单排吧·2021-06-14 14:09

vue-router 2.0 钩子函数

vue-router提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的,单个路由独享的,或者组件级的。
milletmi·2021-06-14 13:35

Vue Day3之Vue-router

1、简介单页面：根据不同的url地址，显示不同的内容，但显示在同一个界面。2、基本用法给大家一个小的demo，上边有解释。eg：js代码.png布局代码.png运行结果（1）.png运行结果.png2.浅谈hash值其中大家看运行结果后面有个#,跟上你跳转之后的页面，这里有个东西叫做HASH，也叫做哈希值，对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就
卖咸鱼的猫·2021-06-14 13:25

vue饿了么移动端app总结第一篇

使用的是vue-cli2.x脚手架一、头部组件的实现二、使用vue-router实现选项卡项目的地址：一、头部组件的实现1、需求分析：点击头部组件，出现商家优惠信息弹出层。点击x按钮关闭弹出层。
小伙子太认真·2021-06-14 13:04

07-Vue路由vue-router

01-路由入门首页关于我们新闻中心//定义组件//首页constindex=Vue.component('index',{template:'我是首页'})//关于我们constabout=Vue.component('about',{template:'我是关于我们'})//新闻中心constnews=Vue.component('news',{template:'我是新闻中心'})//写路由配
杨杰灬·2021-06-14 05:26

vue组件之间的通信

组件的分类常规页面组件由vue-router产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的HTML结构，会包含数据获取、数据整理、数据可视化等常规业务。
泪滴在琴上·2021-06-13 23:01

手写Vue2核心（八）：vuex实现

准备工作如果前面有自行实现过vue-router，那这里就没有工作了，否则移步手写Vue2核心（七）：vue-router实现VueRouter与installvuex的引用比vue-router拆分得细一点
羽晞yose·2021-06-13 21:02

2020-12-01

vue设置每个页面的头部title1、在router.js中需要在每一个路由下添加一个meta:{title:'主页'}，比如：importVuefrom'vue'importRouterfrom'vue-router'importloginfrom
web小哥MrYang·2021-06-13 17:48

Vue-router 检测路由变化

title:Vue-router检测路由变化date:2018-12-0322:05:12tags:[Vue]categories:Vue起因在编写仿CNode社区项目中，点击router-link，地址栏中的地址已经改变了
祈念念念·2021-06-12 04:11

基于vue多入口项目升级webpack4实践

项目背景简介多页面应用，每个页面独立entry，单个页面内使用vue-router基于vue，使用vue-loader加载.vue文件单页内使用懒加载异步chunk项目二期上线后，相对不辣么忙，眼看着webpack4
饭饭之辈D·2021-06-11 23:08

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

目录导航importVueRouter实际上导出的是VueRouter类，并将install作为公共静态方法挂载，这将在执行Vue.use时被执行并传入Vueinstall函数如下框红一的位置，用来避免可能存在的多次install函数调用，因为保持在函数上的属性installed和全局的_Vue在当前作用域是永久性的框红二的位置，定义isDef函数判断一个值是否存在；定义registerInsta
三岁就会写BUG·2021-06-11 20:18

vue-router导航完整的解析流程

1.导航被触发；2.在失活的组件里调用beforeRouteLeave守卫；3.调用全局beforeEach守卫；4.在复用组件里调用beforeRouteUpdate守卫；5.调用路由配置里的beforeEnter守卫；6.解析异步路由组件；7.在被激活的组件里调用beforeRouteEnter守卫；8.调用全局beforeResolve守卫；9.导航被确认；10..调用全局的afterEac
A袁灿·2021-06-11 15:39

一次webpack优化

一、背景：技术栈：ant-design-vue、vue、vuex、vue-router最开始的优化手段只有bableplugin的按需加载。
我才是大田田·2021-06-11 11:38

vue-router重复路由跳转报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to cu...

今天偶然发现在使用vue-router实现路由跳转时，同一个地方点了两次，发现控制台报错了NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation
踏莎行·2021-06-10 11:24

this.$route和this.$router的区别

vue-router中router1.
钻石悦·2021-06-08 14:05

vue-router history模式服务器端配置过程记录

在使用Vue-Router时开启history模式非常容易，只需要在实例化路由时传入mode:'history'配置项即可，但缺少服务端支持时，基于historyAPI的路由无法从url地址栏直接访问指定页面
·2021-06-08 12:04

nginx一个域名配置多个vue项目

在已有项目一的情况下，不改变项目一的访问地址，在同一域名的二级目录下部署项目二，配置如下：一、修改vue.js配置1.修改vue-router路由配置src/router/index.js文件a.项目一
吖蛋黄·2021-06-08 11:03

vue-router,MVVM,dom-diff解析

动态路由：如果需要获取动态路由id,建议使用props方式：//路由中开启{path:'/detail/:id',name:'Detail',//开启props,会把URL中的参数传递给组件//在组件中通过props来接收URL参数props:true,//routeLeveLcode-splitting//thisgeneratesaseparatechunk(about.[hash].js)f
zxhnext·2021-06-08 03:18

Vue.js技术栈搭建CNODE社区

关键词：Vue.js文档、Promise、jquery、webpack、npm、vue-cli、vue-router一、cnode社区的基本构架组件：Header头部PosltList列表Article
蔡华鹏·2021-06-07 23:14

vue 动态理由

1、概念动态添加vue-router路由规则。经典使用场景：根据当前登录用户权限进行路由规则的添加。详见vue-router文档。
雨翼195·2021-06-07 17:34
上一页 51 52 53 54 55 56 57 58 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他