VueRouter

vue常用操作及学习笔记（路由跳转及路由传参篇）

默认会被渲染成一个``标签-->GotoFooGotoBarrouter.js：importVuefrom'vue';importvueRouterfrom'vue-router';Vue.use(vueRouter
weixin_34391445·2020-09-16 04:49

vue学习：7、路由跳转

2019独角兽企业重金招聘Python工程师标准>>>varLogin={template:`我是登陆界面`};varRegister={template:`我是注册界面`};Vue.use(VueRouter
weixin_33966365·2020-09-16 04:26

vue-router 实战了解这些就够了

npminstallvue-router1.2.项目中引入以最新的vue-cli3架构为例，在main.js中加入importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
一只倔强的蜗牛·2020-09-16 04:22

一.Vue实战项目案例（路由配置+待完）

（1）router.js路由配置文件importVuefrom'vue';importVueRouterfrom'vue-router';Vue.use(VueRouter);//import编译前加载
qq_38969618·2020-09-16 03:40

vue-router默认的首页渲染设置

当一个vue项目的页面打开，总得有一个默认的首页组件自动出现不能只是点击首页的跳转才出现这个默认的打开路由配置需要在router.js中的VueRouter实例中，改变routes数组constrouter
glorydx·2020-09-16 02:25

Vue-Router去除路由的#号

/views/Home.vue";Vue.use(VueRouter);constroutes=[{path:"/",name:"Home",compone
程序猿小辉·2020-09-16 02:57

解决ElementUI导 航栏中的vue- router在3 .0版本以 上重复点菜单报错问题

可以在router的配置文件中（router->index.js）加上下面这句话，constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push
轻狂的书生·2020-09-15 23:07

基于vue-cli的vue项目之路由6--重定向3-----method返回重定向路径

hello',}2.router/index.js：路由配置文件,关键在于第二十七到第三十四行importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
mkmin·2020-09-15 21:42

VueRouter源码分析--install方法

VueRouter的源码index.js中有一小部分是关于install方法的，也是我们分析install方法的入口。import{install}from'.
天暮雨·2020-09-15 20:56

VueRouter源码分析--源码大纲

针对于VueRouter的源码分析，其实可以分为两部分来分析，或者说大部分的Vue插件都可以按照这样的方式去区分：安装插件的install方法和插件本身实例(Class)的实现。
天暮雨·2020-09-15 20:24

Vue学习17----配置路由及默认跳转

router.vuejs.org/zh/vue路由配置实现步骤：1.安装npminstallvue-router--save/cnpminstallvue-router--save2、在main.js中，引入并Vue.use(VueRouter
zhaihaohao1·2020-09-15 12:41

[Vue 牛刀小试]：第十三章 - Vue Router 基础使用再探（命名路由、命名视图、路由传参）...

一、前言在上一章的学习中，我们简单介绍了前端路由的概念，以及如何在Vue中通过使用VueRouter来实现我们的前端路由。但是在实际使用中，我们经常会遇到路由传参、或者一个页面是由多个组件组成的情况。
weixin_30262255·2020-09-15 11:10

第4章 **插件-路由-难-脚手架下开发(2)

router.vuejs.org/zh/guide/#htmlhttps://router.vuejs.org/zh/guide/essentials/nested-routes.html目标简单路由路由嵌套用Vue.js+VueRouter
wqjcarnation·2020-09-15 10:02

Vue微型项目（六）—— 路由的重定向以及路由的声明式、编程式跳转

告诉vuerouter在哪里去渲染将组件(components)映射到路由(routes)，然后告诉VueRouter在哪里渲染它们。创建好项目时会自动生成一个文件r
Claire小柒·2020-09-15 10:01

Vue Router 编程式导航

开始学VueRouter的时候，最常用到的便是使用路由组件:然后使用作为路由内容的输出：然而除了使用之外，VueRouter还为我们提供了一些方法：router.push(location,onComplete
qq_40201996·2020-09-15 09:32

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
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他