VueRouter

Vue学习—深入剖析导航守卫-路由元

afterEach2.路由独享守卫1.eforeEnter3.组件内守卫1.beforeRouteEnter2.beforeRouteUpdate3.beforeRouteLeave4.完整的导航解析流程二、VueRouter
xun__xing·2020-09-15 09:56

Vue项目性能优化之路由懒加载

VueRouter官网有说明：当打包构建应用时，JavaScript包会变得非常大，影响页面加载。
音浪豆豆_Rachel·2020-09-15 08:08

使用vue打包，vendor.js文件太大的解决方式

首先查看引用资源例如echarts提取到index.html中cdn引入其次常用vue+vueRouter+axios+vuex+elementUI避免打包然后找到build/webpack.base.conf.js
一行注释·2020-09-15 08:13

UNIAPP 技术分享（3）

但与VueRouter截然不同。uni-app有两种页面路由跳转方式：使用navigator组件跳转、调用API跳转。
生鲜电商APP开发·2020-09-15 02:20

vuerouter刷新当前所在子路由

vuerouter刷新当前所在子路由需求提出要求点击当前页面的导航菜单时页面也会刷新，比如下面的，这时候已经打开了线路管理的修改页面，这时候点一下也就是右边那一块就要回到页面刚打开的状态，其余地方不变，
云端的幻影·2020-09-14 16:28

vue 路由

中文文档：https://router.vuejs.org/zh/下载地址：npminstallvue-router--save1、相关API说明1）VueRouter():用于创建路由器的构造函数newVueRouter
suzyCai·2020-09-14 16:48

在 vue 路由懒加载中给 Webpack Chunks 命名

/views/Login.vue'Vue.use(VueRouter)constroutes=[{path:'/
前端散打王·2020-09-14 15:48

前端vue项目部署到tomcat，一刷新报错404解决方法

此问题主要是使用了VUErouter的History模式一、解决方案1-编辑server.xml，在Host的Context中增加以下内容，增加Valve部分内容2-在项目下的WEB-INF文件夹（没有
逝-水流·2020-09-14 04:37

vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题

出错原因路由中添加了相同的路由解决方法在src/router/index.js中重写push方法/*重写router.push方法*/constrouterPush=VueRouter.prototype.pushVueRouter.prototype.push
Distance-X·2020-09-13 13:08

前端路由和 VueRouter

前端路由核心：改变url，但页面不进行整体的刷新，即不向后台发请求如何实现通过修改hash方式实现location.hash通过H5中的history实现history.pushState(data,title,url);//这种方式可以返回之前的页面history.replaceState(data,title,url);//这种方式无法返回之前的页面，相当于替换history.go()//通过
Mr.Starl·2020-09-13 11:57

Vue+Webpack+Element+Axios+vueRouter demo

一、搭建环境1.进入命令行，npminstallvue-cli-g全局安装vue-cli2.基于webpack模板初始化项目并创建名为posDemo的文件夹，vueinitwebpackposDemo等同于先创建文件夹在初始化，mikdirposDemo=>cdposDemo=>vueinitwebpack项目名不能有大写，此时更换文件名为posdemo；项目描述（可不写，直接回车）作者（可不写）
某茶·2020-09-13 08:02

引入vue-router.js搭建路由报错router.map is not a function 的问题

vuerouter2.0没有map这个方法了，直接在newrouter的时候传入转载于:https://my.oschina.net/af
weixin_34279246·2020-09-12 23:11

vue项目打包优化（让打包的js文件变小）

通常在一个vue项目中会用到很多插件什么，swiper,axios,vuerouter,vuex,…，那么使用了很多插件势必会造成打包的js文件过大，影响加载速度，造成不好的用户体验，那么我就来讲一件我自己总结打包方式
Donewenfu·2020-09-12 22:05

最快学习之Vue Route

VueRouter,Vue.js的官方路由管理器。
oscar999·2020-09-12 21:29

Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先

Vue2+VueRouter2+webpack构建项目实战（三）配置路由，整俩页面先制作模板文件通过前面的两篇博文的学习，我们已经建立好了一个项目。问题是，我们还没有开始制作页面。
般若之道·2020-09-12 19:09

vue路由实例

用于渲染匹配的组件-->/*1、创建组件*/constHome=Vue.extend({template:'Home{{msg}}',data:function(){return{msg:'Hello,vuerouter
duansamve·2020-09-12 19:22

Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先

Vue2+VueRouter2+webpack构建项目实战（三）配置路由，整俩页面先目录索引《Vue2+VueRouter2+webpack构建项目实战（一）准备工作》《Vue2+VueRouter2+
AndyLizh·2020-09-12 18:06

(精华)2020年7月16日 vue NProgress页面加载进度条

//你的路由文件//引入nprogressimportNProgressfrom'nprogress'import'nprogress/nprogress.css'//这个样式必须引入Vue.use(VueRouter
愚公搬代码·2020-09-12 12:40

Vue项目前期准备

技术栈：Axios:使用Ajax进行异步数据获取；VueRouter:多页面之间的路由；Vuex:各个组件之间的共享；异步组件：代码上线性能更优；Stylus:编写前端样式；递归组件：组件自身调用自身；
你谁啊你·2020-09-12 11:30

vueRouter

vue-routervue-router是vue官方给出的一个基于vue的路由管理器。首先我们可以看一下用window.onhashchange模拟一下路由11111112222222233333333constone={template:`one`}consttwo={template:`tow`}constthree={template:`three`}varvm=newVue({el:'#a
qq_46448507·2020-09-12 11:43

vue *解决当前导航点击两次回报错*

/views/Home.vue'Vue.use(VueRouter)/*解决当前导航点击两次回报错*/constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push
@王·2020-09-11 22:54

vue-router入门详解

安装与使用vue-router1.安装2.vue-router使用步骤：3.路由与组件映射4.使用路由（router-link和router-view标签）5.事件中使用路由（$router）三、创建VueRouter
一名小码农·2020-09-11 12:12

Vue05

【说明：】学习的时候，尽量打开官方文档VueRouter是Vue.js官方路由管理器。它和Vue.js的核心深度集成，让构建但页面应用变得易如反掌。
uxiang_blog·2020-09-11 10:35

vue-router 学习笔记

安装npminstallvue-router--save起步Javascript:importvuefrom'vue';importvueRouterfrom'vue-router';vue.use(vueRouter
sunshine_hz·2020-09-11 09:55

Vue——路由定义及基本使用

Vue.use(VueRouter)/**定义路由**/constroutes=[{path:'/',component:login},{path:'/login',name:'login',component
水田如雅·2020-09-11 09:43

Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置（二）

第一节完成了项目的搭建，但点开里面目录，发现vue文件的内容报错，而且后缀为vue的文件也没有特殊显示。这是因为开发环境没有进行相应的设置导致。这是设置前的展示效果。第一步是设置对es6的支持。vue2的开发代码使用了es6语法，而webstorm默认是支持es5,需要设置下对es6的支持。添加选择ECMAScript6第二步：添加vue插件添加成功后，显示效果就如下，表示安装Ok了：
飞天代码·2020-09-11 07:14

关于Vue.use()详解

例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用axios时，就不需要用Vue.use(axios)，就能直接使用。那这是为什么呐？
ywb201314·2020-09-11 06:41

Vue 3 最新进展

尤雨溪表示，由于在Vue3上花费的大部分时间都投入到了设计和构建稳定的内核上，不过要让整个框架处于"ready"状态，不仅仅是内核的问题，还需要有兼容版本的支持库（VueRouter,Vuex,testutils
寒冰屋·2020-09-10 15:10

vueRouter history模式下 nginx配置

对于VUE的router[mode:history]模式（这里主要是为了去除链接上的"#"）开发的时候，一般都不出问题。是因为开发时用的服务器为node，Dev环境中已配置好了,nginx运行的时首页没有问题，链接也没有问题，但在点击刷新后，页面就会显示（404）原配置：location/{root/home/testhadoop/www/html;indexindex.htmlindex.htm
andingran3462·2020-09-10 12:25

路由 vue-router 路由守卫 路由重定向 路由嵌套 路由守卫 路由命名 路由懒加载

VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
前端 小白·2020-08-28 20:03

Vue路由传值，父子组件传值，组件间传值，Vuex传值

VueRouter官方API：VueRouter官方API：https://router.vuejs.org/zh/api/一、路由传值：1、通过路由的路径带参数（url中显示参数），同时配置路由的时候也要带上参数
米柆·2020-08-27 16:33

Vue_router路由跳转

Vue_router路由跳转整体框架结构核心代码踩过的坑整体框架结构Vuerouter实现界面导航切换。
Aczy156·2020-08-26 08:33

vue router 报错Object { _name: "NavigationDuplicated", name: "NavigationDuplicated“...

在使用vuerouter的时候，会报如下警告，但是不影响页面的跳转原因：vue-router≥3.0版本回调形式以及改成promiseapi的形式，返回的是一个promise，如果没有捕获到错误，控制台始终会出现如图的警告解决方法
otatoz·2020-08-26 08:58

vue 解决两次访问相同路由地址报错

在main.js中输入//解决两次访问相同路由地址报错constoriginalPush=VueRouter.prototype.push;VueRouter.prototype.push=functionpush
一只会喊666的咸鱼·2020-08-26 07:50

briup第一天授课主要内容总结

合格软件工程师基本素质）熟悉linux操作系统能够使用终端的绝对不使用图形化界面，能使用英文界面绝对不汉化前端工程师1.重构技能：html/css/js2.交互技能：ajax3.企业级框架技能：vue/vuerouter
邵年丨如梦丶·2020-08-26 00:44

杰普实训日记 授课内容 第一天 讲师：李春雨

熟悉linux操作系统2.能够使用终端的绝对不使用图形化界面，能使用英文界面绝对不汉化3.工程师种类1)前端工程师1.重构技能：html/css/js2.交互技能：ajax3.企业级框架技能：vue/vuerouter
qw1293188707·2020-08-25 19:09

2020-08-25

开发全国疫情可视化平台当前开发架构合格软件工程师基本素质熟悉linux操作系统能够使用终端的绝对不使用图形化界面，能使用英文界面绝对不汉化前端工程师1.重构技能：html/css/js2.交互技能：ajax3.企业级框架技能：vue/vuerouter
渔夫少年·2020-08-25 18:24

路由实现原理

VueRouter路由实现原理一、概念通过改变URL，在不重新请求页面的情况下，更新页面视图。
大莲芒·2020-08-25 11:26

vue路由完成页面跳转

/components/home-main'Vue.use(VueRouter)constroutes=[{path:'/',redirect:'/home-main
Nadia~·2020-08-25 08:40

vue2.6入门相关技术总览

我的个人网站RyzeYang.入门vue的一些知识点总览，如Babel,css预处理器,ES6，Eslint,vuex,vuerouter,mock，Elementui,v-charts,axios等目录学习历程
RyzeYang·2020-08-25 05:10

Vue Router 4的一些很酷的功能

VueRouter4目前处于测试阶段。让我们看一下这个新版本中的一些很酷的功能。Vue3支持Vue3引入了createAppAPI，它改变了将插件添加到Vue实例的方式。
小几斤·2020-08-24 20:31

手写vue-router原理解析

简介VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
西若枫·2020-08-24 17:57

手写插件-实现简单vue-router功能，vue-router实现原理讲解

VueRouter官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
哦哈哈·2020-08-24 17:18

$route和$router是什么？区别是什么？

先想一下，$router是不是看着特别眼熟，比如我们常用的传递参数的方法就是使用$router里面的history，router其实是VueRouter的一个实例，所以它是一个全局对象，包含了所有的子对象和属性而
Winnie·2020-08-24 16:21

Vue 项目功能实现：router 传递参数并解决刷新页面参数丢失问题

VueRouter传参方式：1.this.
月半圆儿丨TED·2020-08-24 14:12

vue使用iView实现轮播

importVueRouterfrom'vue-router';importiViewfrom'iview';import'iview/dist/styles/iview.css';//使用CSSVue.use(VueRouter
前端大牛·2020-08-24 09:12

基于Vue的电商后台管理系统（1）

前端项目是基于Vue的SPA项目，前端技术栈采用Vue+VueRouter+Element-UI+Axios+Echarts，后端技术栈采用Node.js+E
wish_way·2020-08-23 21:43

vue+vueRouter+Element

此项目提供项目框架组件方案，适合初学者。由于公司项目紧张,这是晚上下班写了一点点。项目结构图main.js/***导入文件*@Vue:vue*@Vuex:vue的一种状态管理模式*@FastClick:点击时延迟*@Element:element-ui*@App:入口vue*@router:路由文件*/importVuefrom'vue'importVuexfrom'vuex'importFast
少年夫子·2020-08-23 19:02

Nuxt 实现用户鉴权登陆

在vue项目中，我是在VueRouter的全局前置守卫里判断当前用户是否有cookie从而判断是否有权进入后台。
AtomG.·2020-08-23 18:23

Vuex+Vue Router实现前端功能权限控制

Vuex+VueRouter实现前端功能权限控制我们将要实现的功能原理Vuex部分VueRouter部分我们将要实现的功能1、在用户登录的时候，就根据权限给他跳转到某一个页面，而不一定是首页。
DamianGao·2020-08-23 16:01
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他