vue路由

vue路由（router）---基础

本篇总结vue路由的基础。一、特点：1、Vue.js路由允许我们通过不同的URL访问不同的内容。
Always_Love·2020-08-19 00:01

Vue路由学习心得

GoodBoyandGoodGirl~进来了就看完点个赞再离开，写了这么多也不容易的~一、介绍1.概念：路由其实就是指向的意思，当我们点击home按钮时，页面中就要显示home的内容，点击login按钮时，页面就显示login的内容，也可以说是一种映射，所有在页面上有两个部分，一个是点击部分，一个是显示部分。2.路由中有三个基本的概念，route,routes,router。1.route:它是一
weixin_30689307·2020-08-18 22:10

Vue路由跳转（二）（路由的模块化封装）

在上一篇文章中写了在main.js里操作路由的跳转Vue路由跳转（一）考虑到路由多了的话在main.js里不太好看，所以对路由进行模块化封装。
乙只·2020-08-18 21:09

web常见面试题总结

1、SPA首屏加载慢如何解决动态懒加载、按需加载、使用CDN缓存2、Vue里面router-link在电脑有用，在android机上没反应Vue路由在android机上有问题（babel问题），安装babelpolypill
刘半仙回来了·2020-08-18 20:38

vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.

vue路由跳转报错Avoidedredundantnavigationtocurrentlocation:“/xxxxxx“.一、问题出现及其出现原因二、问题解决三、原理解析四、this指向复习一、问题出现及其出现原因在使用
姹紫嫣红别样情·2020-08-18 13:41

[代码笔记]VUE路由根据返回状态判断添加响应拦截器

//返回状态判断(添加响应拦截器)Axios.interceptors.response.use(res=>{//对响应数据做些事if(res.data&&!res.data.success){Message({//饿了么的消息弹窗组件,类似toastshowClose:true,message:res.data.error.message.message?res.data.error.messa
weixin_33763244·2020-08-18 04:13

day 11/19 Vue路由

day02Vue路由1.后端路由：在一个网站上所有的超链接都是URl地址这些URL地址对应服务器上的某个资源路由分发2.前端路由：在单页面应用程序中主要通过url中的#号(hash)完成不同页面的切换。
任晓萱·2020-08-18 02:56

VUE快速上手（三）

VUE快速上手（三）vue路由动态路由传值get传值路由的编程式导航路由的模式路由的嵌套vue路由使用步骤：安装vue-router组件：npminstallvue-router--save/cnpminstallvue-router
Alex_Skywalker·2020-08-18 01:01

Vue路由: Vue-router基本配置与使用

目前前端流行的三大框架,都有自己的路由实现:Angular的ngRouterReact的ReactRouterVue的vue-router当然,我们的重点是vue-routervue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。我们可以访问其官方网站对其进行学习:https://router.vuejs.org/zh/vue-router是基于路
lhrdlp·2020-08-17 23:07

vue动态路由配置，vue路由传参

动态路由：当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个"共用"的组件，并且还要传参数，渲染不同的数据这就要用到动态路由跟路由传参了！首先我们来了解下router-link这个组件：简单来说，它是个导航器，利用to属性导航到目标组件，并且在渲染的时候会自动生成一个a标签，当然官方也有说明，加个tag标签属性就可以渲染不同的标签，可以浏览器端
弹琴弹琴·2020-08-17 21:44

vue+elementUI开发模式 和 NodeJS环境搭建

，那就是要靠我们牛逼的Vue路由啦。elementUIelemenetUI就是一个基于Vue开发出来的ui框架。最大的特点就是组件化开发。我们只需要将代码拷贝一下就
cpc q:2531249502·2020-08-17 18:13

视频教程-德国Vue.js2终极开发教程（含Vue路由和Vuex）-Vue

德国Vue.js2终极开发教程（含Vue路由和Vuex）*AcademindGmbH创始人，当前生活在德国慕尼黑*从15岁开始进入开发领域，前后端技术均很精通，毕业于慕尼黑大学硕士学位*技术主要靠自学获得
学院导师-Max·2020-08-17 15:07

使用vue+webpack+element搭建项目是注意几个点

答：这是我们是使用了vue路由的history模式，在vue的路由配置那里去掉model:'history'就
huidoo888·2020-08-17 08:31

vue路由history模式_如何去除vue项目中的#

在使用vue-cli搭建的环境中，浏览器上URL地址中是存在'#'的，这是由于vue-router默认hash模式，不难发现#的出现真的很丑陋。官网给出了如何使用history模式，例如:constrouter=newVueRouter({mode:'history',})对于VUE的router[mode:history]模式在开发的时候，一般都不出问题。是因为开发时用的服务器为node，Dev
shenzhen_zsw·2020-08-17 02:39

vue 传参

Vue路由传递参数有两种方式：一、用name传递参数两步完成用name传值并显示在模板里：在路由文件src/router/index.js里配置name属性。 
如_he·2020-08-16 20:44

vue路由SPA的介绍

路由SPASPASPA是什么SPA实现思路和技术点通过vue的路由可实现多视图的单页Web应用(基于html的SPA)router-link相关属性完整代码SPASPA是什么单页Web应用（singlepageapplication，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序：只有第一次会加载页面,以后的每次
涵ヂ·2020-08-16 18:47

VUE路由使用

一、路由配置及加载安装npminstall--savevue-router引用importVueRouterfrom‘vue-router’;Vue.use(VueRouter);配置路由文件组件配置方式A：importHelloWorldfrom'./components/HelloWorld';varrouter=newVueRouter({routes:[{path:'/hello',,co
布鲁学长·2020-08-16 09:41

VUE路由的hash模式与history模式的区别

hash模式url带#号，history模式不带#号。通过historyapi，我们丢掉了丑陋的#，但是它也有个问题：不怕前进，不怕后退，就怕刷新，f5，（如果后端没有准备的话）,因为刷新是实实在在地去请求服务器的,不玩虚的。在hash模式下，前端路由修改的是#中的信息，而浏览器请求时是不带它玩的，所以没有问题.但是在history下，你可以自由的修改path，当刷新时，如果服务器中没有相应的响应
烎烎~·2020-08-16 07:50

【老司机带你飞】vue.js基础入门教程（十三）

vue路由模块路由：通过不同的url访问不同的内容需要引入vue-router.js文件，如果是脚手架环境，我们需要下载相应模块首页关于//定义路由组件varhome={template:"首页内容"}
职业代码敲击演奏家·2020-08-16 05:15

vue路由变化后，计时器还在执行，怎么清除计时器

我遇到过一个类似的问题在组件A中设置了定时器，当路由变化加载组件B后，A中的定时器依然在运行，我在A中的beforeDestory和destoryed里都尝试清除定时器，但无效，请问怎么解决？我翻看了下vue生命周期vue生命周期简介注：Vue2.0探索之路——生命周期和钩子函数的一些理解，原文链接Vue2.0探索之路——生命周期和钩子函数的一些理解我们用beforeDestroy(组件销毁前调用
白慕·2020-08-15 20:28

多个vue项目生产环境下NGINX配置文件

使用场景1.多个项目2.同一端口3.多个项目使同一IP使用前提通过nginx代理的有三种路径1.api类型，访问后台接口服务，nginx负责反向代理2.静态文件类型，访问css,js等文件3.vue路由类型
TBC_博客·2020-08-15 19:48

vue路由，history模式的原理

去除url#的方式，每次向服务器请求index.html，再由客户端分析当前url,做不同的变化router-link会生成a标签，a标签没有#，就会发请求的，为了解决这个问题，需要history原理：history.pushState({},‘’,url)该方法用于改变地址栏url,改变地址栏而不跳转参数1：描述当前跳转的信息，为空即可参数2：title，一般浏览器用不着参数3：选填urlhis
couch-potato·2020-08-15 11:51

vue路由History mode模式中页面无法渲染的原因及解决

Vue路由Historymode模式中页面无法渲染的原因及解决东边的小山2018-04-2814:17:461968收藏1分类专栏：vueVue下路由Historymode导致页面无法渲染的原因用Vue.js
after you·2020-08-14 23:51

vue-cli入门

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是
独久·2020-08-14 18:00

webpack快速入门

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门8.webpackWebpack是一个前端资源的打包工具
独久·2020-08-14 18:00

Vue路由vue-router

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门7.路由vue-router7.1.场景模拟现在我们来实现这样一个功能
独久·2020-08-14 18:00

Vue组件化

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门6.组件化在大型应用开发的时候，页面可以划分成很多部分
独久·2020-08-14 18:00

Vue指令

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门5.指令什么是指令？
独久·2020-08-14 18:00

Vue实例

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门4.Vue实例4.1.创建Vue实例每个Vue应用都是通过用
独久·2020-08-14 18:00

Vue快速入门

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门3.快速入门接下来，我们快速领略下vue的魅力3.1
独久·2020-08-14 18:00

认识Vue 并安装nodeJS和NPM

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门0.前言先聊一下前端开发模式的发展。
独久·2020-08-14 17:00

vue路由检测回退与判断

使用vue项目在微信浏览器内的h5进行展示，此时的返回按钮为微信自带的返回按钮，在界面中能够使用vue钩子函数进行检测。如果需要在微信小程序内进行内嵌h5，微信小程序界面需要一些关闭界面按钮，来达到用户自身的界面关闭需求微信程序的路由回退检测：//离开当前页面beforeRouteLeave(to,from,next){//1操作来自关闭按钮（按钮点击flag）if(this.goroomFlag
骑上我心爱的小摩托·2020-08-14 17:12

vue路由传参的三种方式

文章目录1、方案一1.1定义路由1.2页面传参1.3页面获取1.4页面效果方案二2.1定义路由2.2页面传参2.3页面获取2.4页面效果方案三3.1定义路由3.2页面传参3.3页面获取3.4页面效果总结1、方案一1.1定义路由path:'/circulation',component:()=>import('@/views/reSeManage/circulation/index'),name:'
xiongdaandxiaomi·2020-08-13 23:12

vue路由切换，页面不更新?你可以试试这个方法

前言vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。问题呈现父组件，点击class=item的div跳转到相应点的页面exportdefault{data(){return{dirList:[]}},methods:{clickIte
njit_peiyuan·2020-08-13 21:14

vue路由监听和参数监听

1.路由携带数据跳转routerAction(hideDisplays,data){switch(hideDisplays){case"pubAccountMenu":this.$router.push({name:"AppAccountInfo",});break;//在菜单路由上存储各种需要信息case"publicDocInfoMenu"://菜单code:publicDocInfoMenu
weixin_33985679·2020-08-13 21:46

2020秋招web前端开发工程师vue必刷题

7.vuehistory与hash区别以及如何判断history与hash是否造成页面改变8.vue中computed与data中的值在双向数据绑定处理中有什么不同点9.computed生命周期10.vue
小小飞肖·2020-08-13 17:01

vue路由分文件拆分管理详解

这里说的路由拆分指的是将路由的文件，按照模块拆分，这样方便路由的管理，更主要的是方便多人开发。具体要不要拆分，那就要视你的项目情况来定了，如果项目较小的话，也就一二十个路由，那么是拆分是非常没必要的。但倘若你开发一些功能点较多的商城项目，路由可以会有一百甚至几百个，那么此时将路由文件进行拆分是很有必要的。不然，你看着index.js文件中一大长串串串串串串的路由，也是很糟糕的。首先我们在route
·2020-08-13 16:01

vue路由跳转的时候隐藏或去掉导航栏或者菜单栏

我们在用路由跳转的时候发现，并不是每一个跳转页面都是有导航栏的，就比如，跳转登录页面的时候，底部的导航栏就会消失，以下提供两个能让导航栏消失的方法第一种使用v-show1.给导航栏加上v-show的判断条件，$route可以获取meta中的信息，istrun是我们在路由中添加的一个变量（用来判断v-show成立的条件）{{$route}}首页|菜单|服务|我的以下是路由中的代码constroute
zyxczyf123·2020-08-12 18:49

遇坑合集

一、Vue路由传参1.Vue路由传参//坑：通过path指定路由时，params参数无效that.
Leisure Tea·2020-08-12 16:54

Vue路由守卫理解

全局守卫vue-router全局有三个守卫：router.beforeEach全局前置守卫进入路由之前router.beforeResolve全局解析守卫(2.5.0+)在beforeRouteEnter调用之后调用router.afterEach全局后置钩子进入路由之后用法：//main.js入口文件//to和from是将要进入和将要离开的路由对象this.$route//next:Functi
野生松·2020-08-12 14:59

vue路由传参介绍

vue有两种传参方式：1:query：vm.$router.push({path:'/xxx',query:{xxx:'xxx'}})2:paramvm.$router.push({name:'xxx',params:{xxx:xxx}})这两种方式都可以进行路由的传参，但是在页面进行刷新的时候，params传参的数据会消失，而query的参数不会因为页面刷新而消失，query传的时候只能穿字符串
call_me_fly·2020-08-12 11:15

详解Vue路由开启keep-alive时的注意点

这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。ps：这个也没多难。HTML部分：JavaScript部分：.....created:funct
zengdejie123·2020-08-12 00:44

初始vue(组件的定义及传参，Axios数据请求及渲染，vue路由）

ss会介绍一下内容：组件的定义及传参，Axios数据请求及渲染，vue路由1.组件的定义在编写页面过程中，轮播图可能是个重复使用的页面，这个时候就需要用到组件，把重复的页面封装成公共组件。
德鲁兹·2020-08-12 00:39

Vue路由切换动画效果，(从右往左进入，从左往右退出，前一个页面不为空白)

效果就是，例如跳转详情页，详情页页面从右往左进入,当我们点击返回主页时候，详情页从左往右退出，并且这个过程中，主页的内容不为空白首先创建三个vue文件home.vue为父组件childrenOne.vue为子组件childrenTwo.vue为子组件router.js中constroutes=[{path:'',redirect:'/home',},{path:'/home',component:
进阶的巨人001·2020-08-12 00:45

008 - vue node rem

topbatu.bchltech.cn地址在前域名在后将要映射的内容----localhost2.config---prod.env.js---APIHOST3.config---idnex.js---target##VUE
qq_30856231·2020-08-11 22:03

Vue 路由&组件懒加载（按需加载）

使用Vue路由懒加载和组件懒加载可以提升页面加载速度，减少白屏时间，提升用户体验。
algor1234567·2020-08-11 21:57

vue路由导出问题 Uncaught TypeError: Invalid attempt to spread non-iterable instance.

vue路由导出问题UncaughtTypeError:Invalidattempttospreadnon-iterableinstance.这个问题是写把导航需要的路由写到srouter的文件中,然后在
hao_0413·2020-08-11 20:58

vue路由跳转报错解决

vue路由跳转：setTimeout(function(){console.log(this);this.
weixin_34067102·2020-08-11 19:34

vue路由是怎么做的（路由的原理）？

Vue-resource是Vue官方提供的插件，axios与fetchJsonp是第三方插件vue路由是怎么做的（路由的原理）核心原理：更新视图但不重新请求页面路由模式：hash：hash即浏览器url
蓬莱老仙·2020-08-11 14:00

【前端路由】Vue-router 中hash模式和history模式的区别

咱们今天说说VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，不要小看这道题其实问到这里的时候那个面试官应该是个大牛，开发经验丰富，这个题其实就是考验你的开发经验是否属实。
黑子Kuroko·2020-08-10 09:54
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他