Vue-router 第48页

带你一步步从零搭建一个Vue项目

目录一、项目创建1、打开命令行窗口Cd/d进入想要创建项目的位置，输入vuecreate项目名2、选择Vue23、运行该项目4、创建成功二、路由的配置1、安装路由（vue2只能安装3版本的vue-router

·2022-07-02 13:06

vue-router中的钩子函数和执行顺序说明

：路由独享的守卫(路由内钩子)三：组件内的守卫(组件内钩子)1、beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave2、路由钩子在实际开发中的应用场景vue-router

·2022-07-02 09:52

Vue 项目快速上手

文章目录1.环境准备2.创建项目命令形式创建图形化界面创建3.启动项目4.项目目录介绍5.起步导入导出单页面组件写法vue-router路由使用6.vue项目使用bootstrap，jquery，elementui1

XWenXiang·2022-07-01 18:06

Vue实现前端页面缓存的过程

基本认识3.keep-alive实现路由页面缓存vue页面缓存问题1.路由设置2.页面路由嵌套设置3.从指定页面返回使用缓存数据Vue前端页面缓存1.使用情景在使用Vue开发单页面应用时，我们通常会使用Vue-Router

·2022-07-01 13:39

vue-系统学习

Vuejs学习，从入门到精通初步了解vuejsVue基础语法组件化开发VueCLI详解Vue-router(前端路由)Vuex详解网络封装项目实战(之前在跟着黑马的vue教程粗略过了一下vue基础，接下来这段时间对

星空0107·2022-06-27 22:07

大前端 - vue - Vue-Router 原理实现 - history模式

代码地址：Hash模式和History模式的区别2种方式都是客户端路由的实现方式，也就是当路径发生变化，不会向服务器发生请求。使用js监视路径的变化，不同的地址渲染不同的内容，如果需要服务端内容发送ajax。表现形式的区别：Hash：携带#，#之后是路由地址，可以通过?携带参数。很丑。https://music.163.com/#/paylist?id=3102977778History：一个正常

yanling.zhang·2022-06-27 21:33

vue-router如何实现history模式配置

目录vue-routerhistory模式配置一：概述二、实现history模式需要怎样配置mode:“history“的作用vue-routerhistory模式配置一：概述vue-router可以设置两种模式

·2022-06-24 10:30

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

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

Hzsilvana·2022-06-23 19:25

uni-app引入uni-simple-router基础配置

它保留了Vue-router完全相似的书写风格.安装npminstalluni-simple-router使用main.jsimportrouterfrom".

羔羊不在·2022-06-23 19:46

解决vue路由组件vue-router实例被复用问题

最近在开发过程中遇到如下问题:当前路由是这样的http://127.0.0.1:3010/order?keywords=22只改变keywords的值，路由不跳转http://127.0.0.1:3010/order?keywords=33338造成这样的原因如下图所示：参考文档:https://router.vuejs.org/en/essentials/dynamic-matching.htm

·2022-06-23 17:48

vue3动态添加路由

一、初始化项目初始化vite+vue+ts项目，引入vue-router。目录结构如下，注意这个404重定向，vue3不支持直接使用“*”匹配所有路由了，要使用:catchAll(.*)。

·2022-06-20 15:11

Vue入门

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（vue-router，vue-resource，vuex）或既有项目整合。

她叫常玉莹·2022-06-18 16:41

Vue项目实战

（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-Router

尘疯·2022-06-18 12:38

【vue-router源码】十四、RouterView源码分析

【vue-rouer源码】系列文章【vue-router源码】一、router.install解析【vue-router源码】二、createWebHistory、createWebHashHistory

MAXLZ·2022-06-18 12:36

初学前端框架Vue-vue-router路由部分

最近都是在看coderwhy老师的视频里学习的vue,为了方便复习，做了些笔记Vue-router安装与配置1.通过npm安装2.在创建项目的时候安装//导入importVue-routerform..

兆兆兆兆兆兆兆兆兆兆昱·2022-06-15 07:32

VUE登录与退出

1.3.vue.app页面1111exportdefault{name:'app',}1.4.router中index.js页面importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use

华年，·2022-06-14 18:05

vue-router基本使用、路由传参、懒加载、嵌套路由、导航守卫、keep-alive

vue入门–基础命令+axios+案例练习vue入门–vue常用属性、生命周期、计算属性、过滤器、组件、虚拟DOM、数组的响应式方法、页面闪烁、ES6简单语法增强vue入门–js高阶函数(箭头函数)、v-model数据绑定、组件化、父子组件通信及访问vue入门–插槽(具名、匿名、作用域插槽)+ES6模块化导入导出+webpack的使用(基本使用+配置使用+如何一步步演化成cli脚手架)+webpa

鸢尾の·2022-06-13 10:06

vue3最全路由使用教程

路由介绍我再此之前发布过vue2的基本使用，想要了解的可以去vue2路由教程下面开始上手路由认识vue-router目前前端流行的三大框架,都有自己的路由实现:Angular的ngRouterReact

嘴巴嘟嘟·2022-06-13 10:33

Uncaught TypeError:Cannot redefine property: $router报错解决方案

通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router，还在index.html页面引入了vue-router.js文件。

codeMak1r.·2022-06-13 00:23

vue地址栏路由改变，页面没有刷新接口不请求

点击文件夹地址栏的路由一直在改变，但页面没有变化，接口也没有请求，原来是vue-router同一个页面地址栏参数改变，不会触发vue的created或者mounted钩子，所以数据不会重新渲染。

一直小咸鱼·2022-06-12 11:50

Vue路由vue-router用法讲解

目录一、vue-router1、简介2、使用流程二、基本路由实现三、嵌套路由四、缓存路由组件1、为什么使用2、如何使用3、完整代码五、传递参数1、通过url传递（param传递）2、通过query传递3、通过param传递六、$route与$router的区别1、$route2、$router3、跳转路由的三种形式一、vue-router1、简介（1）SPA：SinglePageApplicati

·2022-06-11 10:55

在vue2中vue-router的使用

vue-router是vue框架中的一个插件。

wyy爱学习·2022-06-09 22:40

Vue前端路由

（Hash地址与组件间对应关系）工作方式：用户点击页面上的路由链接导致URL地址栏中Hash值发生变化前端路由监听到Hash地址变化前端路由把当前Hash地址对应组件渲染到浏览器中vue-router基本用法

BC菜鸟·2022-06-09 17:39

Vue基础——Vue前端路由

目标：能够说出路由的概念能够说出Vue-router的基本使用步骤能够说出Vue-router的嵌套路由用法能够说出Vue-router动态路由匹配用法能够说出Vue-router命名路由用法能够说出Vue-router

Micheal_yang0319·2022-06-09 17:08

Vue 前端路由

目录1.前端路由的概念和原理后端路由前端路由2.vue-router的基本使用vue-router使用步骤3.vue-router的高级用法3.1路由重定向3.2路由高亮3.3嵌套路由3.4动态路由匹配

举一个栗子吖·2022-06-09 17:37

Vue实战篇二十九：模拟一个简易留言板

Vue的计算属性与侦听器Vue基础篇四：Vue的生命周期（秒杀案例实战）Vue基础篇五：Vue的指令Vue基础篇六：Vue使用JSX进行动态渲染Vue提高篇一：使用Vuex进行状态管理Vue提高篇二：使用vue-router

智慧zhuhuix·2022-06-09 10:56

VueCLI3打包优化--抽离依赖包

项目开发中，使用了很多依赖包，如Vue、路由管理Vue-router、状态管理Vuex、UI组件库(ElementUI、Vant)、图表（echarts）等。

merrylmr·2022-06-08 10:04

Vue2.x 核心基础（ vue-router路由,vue-router 的基本使用,vue-router 的常见用法,动态路由匹配,声明式导航 & 编程式导航,导航守卫）

theme:channing-cyanVue2.x核心基础（vue-router路由）1.前端路由的概念与原理1.1什么是路由路由（英文：router）就是对应关系。

魔术师ID·2022-06-07 14:32

vue3.0+ts+element-plus多页签应用模板：头部工具栏（下）

结语系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus多页签应用模板：项目搭建vue3.0+ts+element-plus多页签应用模板：vue-router

W先生-SirW·2022-06-05 07:12

vue3.0+ts+element-plus多页签应用模板：项目搭建

重置浏览器默认样式系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus多页签应用模板：项目搭建vue3.0+ts+element-plus多页签应用模板：vue-router

W先生-SirW·2022-06-05 07:11

Vue3.0入门级教程/总结/一小时速成【含代码、文档、资源】

循环语句2.1组件component3.1计算属性3.2监听属性4.1样式绑定5.1事件处理6.1表单7.1自定义命令8.1路由9.1mixins10.1axios前言：vue.js其实是包含了vue语法、vue-router

champion564·2022-06-05 07:59

手写vue-router & 什么是Vue插件

这篇文章你可以学习到:实现一个自己的vue-router了解什么是Vue的插件学习b站大佬后做的笔记整理和源码实现1.1.3一步一步带你弄懂vue-router核心原理及实现_哔哩哔哩_bilibili

gogogocj·2022-06-04 18:30

vue+element-ui电商管理之项目实战（1）

前言电商管理之项目实战是当代前端新手开发网站必备的一套练习题，也是帮助自己飞速提升的一个过渡提示：以下是本篇文章正文内容，下面案例可供参考一、运用到的技术1.使用vue-cli2.x搭建的开发环境；2.使用vue-router

Mark sheng·2022-06-02 13:26

Vue3+Vite+Ts使用pdfjs-dist

高版本会报错"dependencies":{"less":"^4.1.2","lh-hooks":"^0.0.19","pdfjs-dist":"^2.11.338","vue":"^3.2.31","vue-router

NO我的错·2022-06-02 09:09

后台管理系统简单版 Vue+Vuex+Vue-router+Axios+Element-ui

技术栈：Vue.js、Vuex、Vue-router、Axios、Element-UI。

豪华手抓饼·2022-06-01 17:12

Vue —— 进阶 vue-router 路由（一）（嵌套路由、query参数、命名路由、params参数、props配置）

文章目录一、嵌套路由（多级路由）1.配置路由规则2.跳转（写完整路径）3.实例：嵌套路由二、路由的query参数1.传递参数2.接收参数3.实例：路由的query参数三、命名路由1.作用2.如何使用四、路由的params参数1.配置路由2.传递参数3.接收参数4.实例：路由的params参数五、路由的props配置1.作用2.三种写法（1）第一种写法（2）第二种写法（3）第三种写法一、嵌套路由（多

-Baymax-·2022-05-31 18:06

Vue —— 进阶 vue-router 路由（三）（全局路由守卫）

文章目录路由守卫1.分类一、全局路由守卫1.作用2.基本代码3.实例：路由守卫的拦截二、独享路由守卫1.作用2.实例：独享守卫的拦截三、组件内路由守卫1.两个守卫2.基本语法3.实例：组件内的守卫路由守卫1.分类全局守卫独享守卫组件内守卫一、全局路由守卫1.作用全局路由守卫分为全局_前置路由守卫和全局_后置路由守卫。对路由进行权限控制。2.基本代码全局前置路由守卫：初始化的时候被调用、每次路由切换

-Baymax-·2022-05-31 18:06

Vue2.5 去哪儿App 项目学习总结（3）——项目实战 - 旅游网站城市列表页面开发

1路由配置（1）在router路径下的index.js文件中，配置city页面的路由importVuefrom'vue'importRouterfrom'vue-router'importHomefrom

何去何从2857·2022-05-31 18:06

Vue —— 进阶 vue-router 路由（二）（replace属性、编程式路由导航、缓存路由组件、路由的专属钩子）

文章目录一、router-link的replace属性1.作用2.两种写入方式3.开启replace模式4.实例：【进退两难】二、编程式路由导航1.作用2.具体编码3.实例：使用按钮实现跳转三、缓存路由组件1.作用2.具体代码3.实例：对指定路由的缓存四、两个新的生命周期钩子1.作用2.具体名字3.实例：路由不被销毁并让定时器失活一、router-link的replace属性1.作用控制路由跳转时

-Baymax-·2022-05-31 18:35

hash和history路由的区别

在了解路由模式前，我们先看下什么是单页面应用，vue-router的实现原理是怎样的，这样更容易理解路由。

爱喝酸奶的吃货·2022-05-31 17:00

uni-simple-router

uni-simple-router专为uniapp打造的路由器，和uniapp深度集成通配小程序、App和H5端H5能完全使用vue-router开发模块化、查询、通配符、路由参数使uni-app实现嵌套路由

xsk-walter·2022-05-30 19:00

vite创建一个标准vue3+ts+pinia项目

目录【01】使用的Yarn创建项目:【02】在项目中使用pinia【03】添加vue-router【04】安装按需自动导入插件【05】添加element-plus组件库【06】添加sass【07】安裝prettier

·2022-05-30 12:56

Vue制作静态页面--day01

1、脚手架创建项目使用脚手架3.0创建项目执行指令vuecreatepgr配置babel，vuex，vue-router然后删除掉多余的文件2、vue文件快速生成创建好vue文件后在文件内输入vue可以快速生成

DB_鸠·2022-05-29 21:51

vue-router

hash和history修改hash值可以在不刷新页面的情况下修改页面的urlhistroy中有两个方法可以修改url#pushstart（{}，‘’，‘hash’），使用栈的数据结构修改url，在栈顶添加hash#replacestart（{}，‘’，‘hash’），替换掉栈顶的数据，将栈顶元素替换为hash#forward（），相当于前进键#back（），相当于后退键#go（）安装和配置1.安

DB_鸠·2022-05-29 21:21

vue-router（路由）详细

目录1.什么是路由？2.路由的基本适使用3.几个注意点4.多级路由5.路由的query参数6.缓存路由组件7.路由守卫全局前置路由守卫全局后置路由守卫独享路由守卫单页面SPA(singlepagewebapplication)应用整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新数据需要通过ajax请求获取1.什么是路由？一个路由就是一组映射关系（key-value）

JS人柱力·2022-05-29 09:54

Vue实战篇二十八：实现一个手机版的购物车