vue-router

Vue-router(3.1.6)源码阅读——视图渲染

vue-router提供了2个内置组件，一个是是用于路由切换的，是最终路由要渲染的组件要替换的“占位组件”。
李牧敲代码·2022-02-03 02:54

vite+vue3+vue-router项目中vue-router报错的问题

vite现在创建的vue项目已经默认为vue3了，但是在引入vue-router时，会有个坑，非常坑。
·2022-01-30 09:26

小程序拼团 改版为 vue cii

从零创建vuecii项目第一步创建路由，并修改url模式router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'importWebfrom
·2022-01-27 08:55

快速理解Vue路由导航守卫

目录一、全局守卫1.全局前置守卫2.全局解析守卫3.全局后置钩子三、路由独享的守卫四、组件内的守卫五、一个完整的导航解析流程概念：“导航”表示路由正在发生变化vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航
·2021-12-29 12:16

Vue3学习与实战 · 配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。
天問_专注于大前端技术·2021-12-28 16:52

Vue-cli---路由

下面来简单使用一下下载vue-router库：npminstallvue-router创建一个router文件夹，在里面创建一个index.js文件，专门来配置路由的相关信息的文件导入路由并使用im
rdm任·2021-12-20 17:53

(Vue-cli)二、初始路由vue-router&安装使用swiper插件&安装使用Echarts

(1)安装路由npminstallvue-router(2)导入vue-router为了使入口文件main.js尽量小，所以通常会在src文件夹中创建一个新的router文件夹，然后在该文件夹中创建index.js
Jinxchan·2021-12-18 01:58

Vue-Cli—02.创建Vue Router路由 / Swiper插件 / Echarts库

二、安装并使用VueRouter路由1.安装npminstallvue-router2.导入importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use
萌新g·2021-12-11 20:06

Vue-cli ——路由&Swiper& ECharts

引入路由和使用路由（1）在src文件下创建routerrouter目录里新建一个index，把有关路由的组件放在这里导入vueimportVuefrom'vue'导入路由importVueRouterfrom'vue-router
我的安娜有点菜·2021-12-11 20:55

7张图，从零实现一个简易版Vue-Router，太通俗易懂了！

前言大家好，我是林三心，用最通俗易懂的话，讲最难的知识点，相信大家在Vue项目中肯定都用过Vue-router，也就是路由。
·2021-12-09 15:53

Vue3 中使用 vue-router

Vue3中使用vue-router首先安装vue-routercnpmivue-router@next在router文件夹下新建index.jsimport{createRouter,createWebHashHistory
·2021-12-02 16:44

【vue3.0】22.0 某东到家（ 廿二）——订单商品列表代码拆分和确认订单弹窗

src\views\orderConfirmation\TopArea.vue确认订单收货地址西安一二三大学四五六科技园2号楼张三（先生）18012341234import{useRouter}from'vue-router
bobokaka·2021-12-01 23:14

vue-cli多页面history模式-问题解答

简单配置importVuefrom"vue";importRouterfrom"vue-router";Vue.use(Router);constmainRoutes=[{path:'/foo',component
·2021-12-01 16:25

Vue页面首次载入优化的全过程

目录前言1.图片优化2.禁止生成.map文件3.路由懒加载4.cdn引入公共库5.终极法宝GZIP压缩6.利用vue-router进行页面的懒加载（lazyload）总结前言今天是把自己开发的博客系统发布到了线上
·2021-12-01 11:17

Vue-Router 实现原理

Hash和History模式Hash模式http://localhost.com/#/user/idHash模式基于锚点，以及onhashchange事件。通过window.location.href改动浏览器地址，如果只改变#后面的地址，不会触发服务端请求，会把#后的值作为路由地址当地址发生变化时触发onhashchange事件，监听事件并做相应处理切换显示不同的组件History模式http:
·2021-11-30 11:23

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

前言学完Vuex方面的操作就该来学学Vue中的路由操作了....xdm冲一、安装vue-cli安装vueaddrouter做完这一步基础环境都搭好了。项目中会多一个文件夹，内容如下：最后暴露出来，在mian.js中引用进去就可以了。暂时先不细讲。二、基本路由使用基本路由使用，其实你安装完就已经有例子啦。在App组件中有下面这两行代码，其实就路由跳转的意思。Home|About|我们以前是用a标签，
·2021-11-28 17:58

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

前言学完Vuex方面的操作就该来学学Vue中的路由操作了…xdm冲一、安装vue-cli安装vueaddrouter做完这一步基础环境都搭好了。项目中会多一个文件夹，内容如下：最后暴露出来，在mian.js中引用进去就可以了。暂时先不细讲。二、基本路由使用基本路由使用，其实你安装完就已经有例子啦。在App组件中有下面这两行代码，其实就路由跳转的意思。Home|About|我们以前是用a标签，这里只
宁在春·2021-11-28 16:57

即将2022年了，Vue3.x详细版为尔奉上（对比Vue2.x，打包带走）

先创建一个简单vue2项目，node、vue-cli、webpack等准备完成之后，创建vue3-test文件夹，cdvue3-test，然后vueinitwebpack，配置项目信息，创建vue2项目（安装vue-router
前端不释卷leo·2021-11-28 09:58

[vue移动端项目] 严选商城项目 使用vue+vant做的移动端商城小项目

预编译语言安装vant-ui端口配置(可以不做)axios工具封装下载安装axiosutils/request.jshttps/http.js跨域代理配置vue.config.js项目路由规划配置下载vue-router
533_·2021-11-27 21:44

Vue高频面试问题（含答案），面试官直呼好家伙~

6、vue-router路由
前端老实人·2021-11-25 11:32

vue-router：页面中有“音乐”、“电影”和“新闻”3 个类别选项卡，单击不同选项卡下的子栏目可以显示对应的内容

Document音乐电影新闻流行音乐名族音乐古典音乐爱情电影喜剧电影动作电影constMusic={template:'#music'}constMovie={template:'#movie'}constNew={template:'新闻内容'}constPopmusic={template:'流行音乐内容'}constEthnicmusic={template:'名族音乐内容'}constCl
细水长流永不粹·2021-11-24 21:44

html中使用vue-router创建3个子路由，分别是“待付款”、“待发货”、“待收货”页面

Document待付款|待发货|待收货constMessage={template:'#home'}constDaifukuang={template:'待付款商品信息'}constDaifahuo={template:'待发货商品信息'}constDaishouhuo={template:'待收货商品信息'}varrouter=newVueRouter({routes:[{path:'/',na
细水长流永不粹·2021-11-24 20:54

详解Vue-router嵌套路由

目录步骤1.配置路由规则，使用children配置项：2.跳转（要写完整路径）：总结步骤1.配置路由规则，使用children配置项：routes:[{path:'/about',component:About,},{path:'/home',component:Home,children:[//通过children配置子级路由{path:'news',//此处一定不要写：/newscompone
·2021-11-19 18:12

vue项目实现页面跳转的方法

问题描述：vue-router是前端开发中用来实现路由页面跳转的一个模块。下面小编将带来如何在已经创建好的vue-router项目基础下实现页面跳转。
·2021-11-19 06:55

Vue路由（Vue-router）

一、什么是路由？路由是通过互联的网络把信息从源地址传输到目的地址的活动路由中有个非常重要的概念叫路由表，本质上就是一个映射表，决定了数据包的指向。二、什么是前端渲染，什么是后端渲染（服务端渲染）？（1）后端路由早期网页，用的基本都是后端渲染。当时没有js，用的是（jsp/php），后端渲染对seo优化要好一些，浏览器输入网址，就会把url发到服务器，服务器拿到地址以后，早期会进行一个解析，在后台通
接下来的冬天·2021-11-17 14:59

vue-router 学习整理

概述vue-router是vue-cli中管理路由的模块通过URL，实现URL和组件之间的一一对应，通过URL进行组件切换应用场景：单页面应用singlepageapplication(SPA)移动端应用很广泛
squidbrother·2021-11-15 17:39

[vue] Vue-router（路由）的使用

介绍基本使用安装vue-router，命令：npmivue-router应用插件：Vue.use(VueRouter)编写router配置项:router/index.js//该文件专门用于创建整个应用的路由器
533_·2021-11-14 13:23

vue-router路由有几种模式？说说它们的区别？

hash模式：1、url路径会出现#字符2、hash值不包括在HTTP请求中，它是交由前端路由处理，所以改变hash值时不会刷新页面，也不会向服务器发送请求3、hash值的改变会触发hashchange事件history模式：1、整个地址重新加载，可以保存历史记录，方便前进后退2、使用HTML5API（旧浏览器不支持）和HTTP服务端配置，没有后台配置的话，页面刷新时会出现404如果vue-rou
smouns_·2021-11-10 20:17

vue-router 'hash' 模式下微信公众号授权 redirect_uri带有'#'处理;以及授权后页面后退死循环问题

1redirect_uri带有'#'问题当然,如果可以的话直接使用history模式即可.vue-router默认hash模式下,页面的url都带有#,但微信授权的回调地址不能有#,所以要进行一些处理1.1
无疆wj·2021-11-09 14:47

【路由】记一次nginx vue-router history模式配置

接触vue已经好几年了，一直使用的是默认hash模式，曾经尝试用nginx配置history模式，但是一发布到自己的网站就404。辗转几次就作罢。今天没事反看了下vue文档，看到express，遂想到了，既然有express，那么肯定有koa2的，果然找到了一个插件koa2-connect-history-api-fallback，按照教程尝试了一下，https://lanling.diumx.c
写写而已·2021-11-09 11:35

Vue实现两种路由权限控制方式

vue-router在构建路由时提供了元信息meta配置接口，我们可以在元信息中添加路由对应的
·2021-11-09 00:41

vue-router 4 你真的熟练吗？

一、安装并创建实例安装最新版本的vue-routernpminstallvue-router@4或yarnaddvue-router@4安装完成之后，可以在package.json文件查看vue-router
前端人·2021-11-08 09:00

vue-router(vue中的路由) 基本使用

由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
smouns_·2021-11-06 15:32

VUE路由跳转记住滚动位置，返回时回到上次滚动位置

vue-router文档截图如下：本样例使用element-ui下的el-table表格组件，原生或其他UI组件思路同理。router.
·2021-11-05 16:29

前端开发框架之Vue

•公司主要业务是GIS和BIM，通常开发一些中大型的系统，所以vue-router和vuex都是必不可少的。
·2021-11-05 12:39

Vue路由开发（命名路由、路由传参、命名视图、路由原信息、路由模式、路由滚动），登陆案例（附代码图）

路由开发vue-router官网导航守卫|VueRouterhttps://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%
爱敲代码的狼仔·2021-10-28 20:34

vue实现页面缓存功能

一、在router里配置路由在meta里定义页面是否需要缓存importVuefrom"vue";importRouterfrom"vue-router";//避免到当前位置的冗余导航constoriginalPush
·2021-10-28 19:04

Vue-Router的routes配置详解

目录介绍routes中对象属性path:stringcomponent:Component|()=>import(组件)name:stringredirect：string|Location|Functionprops:boolean|Object|Functionalias:string|Array[string]children?:Array[RouteConfig]beforeEnter:(
·2021-10-25 09:00

081a:16 [vue-router] Duplicate named routes definition(问题篇)

1、vue路由报的警告，原因是路由name名称重复了。如下图：2、解决办法：找到src文件下router下的index.js文件。修改name,将相同的name改一下名称3、保存刷新页面，看控制台已经无报错了
skyblue_afan·2021-10-20 13:24

Vue：前端体系与前后端分离

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如:vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。
ZXLzhuzhu·2021-10-20 00:19

Vue框架

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如：vue-router：跳转，vue-resource：通信，vuex：管理)或既有项目整合官网1.1、前端三板斧HTML(结构)：超文本标记语言
幻梦丶情书·2021-10-18 19:54

Vue3使用路由VueRouter4的简单示例

安装yarnaddvue-router@4引入cdn使用router.jsimport{createRouter,createWebHistory}from"vue-router";importHomefrom
·2021-10-18 17:30

GO进阶训练营【完结】wumi

能够经过this访问这是向每个组件实例添加属性$router和$axios的示例：import{createApp}from"vue";import{Router,createRouter}from"vue-router
·2021-10-18 13:51

贪心学院-推荐系统算法工程师培养计划

能够经过this访问这是向每个组件实例添加属性$router和$axios的示例：import{createApp}from"vue";import{Router,createRouter}from"vue-router
·2021-10-18 13:51

vue-router 基于后端permissions动态生成导航菜单的示例代码

目录Vue.js1、注册全局守卫2、Vuex状态管理全局缓存routes3、路由拦截4、路由菜单5、递归菜单vue组件Vue.jsvue-routervuex1、注册全局守卫核心逻辑1、token身份验证(后端)=>token失效返回登录页面2、获取用户权限3、校验permissions，动态添加路由菜单router.beforeResolve注册一个全局守卫。和router.beforeEach
·2021-10-17 10:06

【vue3.0】9.0 某东到家（九）——axios发送登录mock请求、请求函数的封装

在向后台请求数据之前需要在终端安装axios插件：>npminstallaxios--save修改src\views\login\Login.vue://路由跳转方法import{useRouter}from'vue-router'importaxiosfrom'axios'exportdefault
bobokaka·2021-10-15 20:05

【vue3.0】8.0 某东到家（八）——路由守卫实现登录校检功能、注册页面的实现

修改路由配置文件``：import{createRouter,createWebHistory}from'vue-router'constroutes=[{path:'/',name:'Home',component
bobokaka·2021-10-15 20:03

electron+vue实现桌面应用

+vue实现桌面应用1、安装vue-cli，先实现一个vue项目//1、安装vue脚手架npminstall-g@vue/cli//2、创建项目vuecreate项目名注意：自定义配置的时候，没有安装vue-router
不想写代码的程序员·2021-10-09 17:58

重磅！前端开发技术之Vue架构知识分享

前端培训•公司主要业务是GIS和BIM，通常开发一些中大型的系统，所以vue-router和vuex都是必不可少的。
·2021-10-09 10:09

vue-router的使用 & vue-router原理

概念路由器router，整个应用共用一个路由器属性$router路由route，每个路由组件都有独立的路由属性$route普通组件：路由没配置的组件路由组件：路由配置的组件标签默认会被渲染成一个a标签,阻止默认页面跳转行为。to还可以传对象，包装path、name、params、query等，具体可以参考文档。路由组件会被渲染到这里目录结构普通组件放在components目录中路由组件放在page
瓢鳍小虾虎·2021-10-08 13:27
上一页 49 50 51 52 53 54 55 56 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他