vue路由

vue路由懒加载及组件懒加载

路由和组件的常用两种懒加载方式：1、vue异步组件实现路由懒加载component：resolve=>(['需要加载的路由的地址'，resolve])2、es提出的import(推荐使用这种方式)constHelloWorld=（）=>import('需要加载的模块地址')1.路由懒加载1.1为什么要使用路由懒加载？为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。1.2定义懒加载简
一名有马甲线的程序媛·2021-07-17 09:33

实际项目中的编码技巧总结（Vue篇）

本文目录1.node-sass安装失败2.动态引入和绑定背景图片3.写在data中的数据无法将改变动态渲染到页面上-4.vue中定义全局变量的方法5.beforeRouteEnter的书写位置6.解决vue
前端辉羽·2021-07-15 17:03

Vue-cli2打包前的设置+Nginx配置Socket.io的https通信

方法1：vue路由没有使用history模式且vue项目打包上传直接放在Nginx的html文件夹中，通过以下配置访问html文件夹下的index.html文件即为项目首页build文件下的untils.js
dev_winner·2021-07-14 20:32

微擎模块使用VUE开发解决JSSDK回调问题

回调地址微信会自动清楚/#/的内容，永远都是来到VUE路由的首页。
刘厚智·2021-06-27 15:27

vue.js Router中嵌套路由的实用示例

前言随着Vue.js单页应用（SPA）变得相当复杂，你开始需要Vue路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。
·2021-06-27 13:36

vue 简单路由例子

记录一个vue路由例子，也是看过一篇文章，然后忘记原链接了，怕忘记，所以写下来。
zhcnnet·2021-06-27 01:23

vue路由返回上一层

在使用vue的路由过程中，返回路由的上一层就直接使用下面的方法就可以this.$router.go(-1);
Amy_yqh·2021-06-26 20:10

vue路由打开一个新的窗口

简单说一下vue路由如何打开一个新的窗口关注我的个人博客:pinbolei.cn，获取更多内容1.router-link标签在vue的官方文档中图1-1看到这大家应该会想，既然router-link不支持
pinbolei·2021-06-26 04:56

Vue全家桶

生态系统项目描述重要性vueVue核心★★★★★vue-routerVue路由★★★★★@vue/cli项目命令行工具★★★★☆vue-devtools浏览器开发工具★★★☆☆vue-loader可以将
笨鸟使劲飞·2021-06-25 23:01

VUE项目打包后的文件页面路由在服务器上出错打不开

npmrunbuild打包后的dist文件发布到服务器上之后，用服务器路径结合vue路由打开网页，发现浏览器控制台报错xxx.js文件找不到，页面打不开，比如我遇到下面这种image.png通过控制台我们看到该文件用的是绝对路径
雅玲哑铃·2021-06-24 16:39

深入理解Vue-cli4路由配置

目录前言-vue路由一、最基本路由配置1.配置router/index.js2.配置App.vue二、路由懒加载技术三、路由嵌套四、动态路由1.动态路由配置2.动态路由传参总结前言-vue路由Vue-router
·2021-06-24 09:01

vue路由的介绍（四）--嵌套路由

嵌套路由简单的理解就是在路由中在嵌套一层路由。具体的做法是：1，配置路由2，父路由里面配置子路由显示的地方具体效果：
汉堡大痴·2021-06-24 03:57

路由懒加载，组件懒加载（未完成）

vue路由懒加载的基础用法路由懒加载的第二种写法就是用了懒加载后打
jackwang2019·2021-06-22 20:07

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

HTML部分：include:字符串或正则表达式。只有匹配的组件会被缓存。exclude:字符串或正则表达式。任何匹配的组件都不会被缓存。值为组件的namejs部分.....created:function(){console.log(1)},mounted:function(){console.log(2)},activated:function(){console.log(3)},deacti
唯轩_443e·2021-06-22 12:33

vue路由懒加载，vue首屏加载慢和使用懒加载prefetch问题，新增组件懒加载

使用路由懒加载以后webpack打包可以根据页面划分来生成文件，根据路由的不同来加载文件，解决了首页一次性加载文件过大导致打开过慢问题的问题。//常规引入页面importHomefrom'./views/Home.vue';constroutes=[{path:'/',name:'home',component:Home,meta:{title:'Home'}},];以上是常规引入页面得部分下面来
时光遣散故人_·2021-06-21 14:10

vue路由设置和传递参数

vue路由配置（多种路由类型的可分开书写路由然后统一引入）import{routers,otherRouter,appRouter}from'.
杰出噜·2021-06-21 06:23

VUE3（五）vue路由vue-router4

使用vue-router，这里特别说明一下，我这里记录的是vue-router文件的编写。及在页面中的使用。我的站点主要分为三个部分：1：pc端页面的路由2：手机端页面的路由3：后端管理系统的路由因此，我这里会使用到路由嵌套（子路由）。具体的用法请参照官方文档：https://router.vuejs.org/我这里放一下我当前使用文件得我内容。我使用的基础语言是typescript：Index.
camellias__·2021-06-21 04:56

Vue路由之实例配置

1.参数mode:默认vue路由在浏览器的url带“#”，如果想去掉#，就要把mode选项设为‘history’base:应用的基路径,所有的路由path前面url会添加一个基路径linkActiveClass
klmhly·2021-06-20 06:12

vue路由传参params合query两种方式的区别

vue路由传参params与query两种方式的区别router文件下index.js里面，是这么定义路由的：{path:"/detail",name:"detail",component:home}我想用
师妹悠着点·2021-06-20 03:28

Vue路由

1.this.router.go(-1)3.接收参数this.router.push({path:'/knowledge#detail',query:{id:this.id}})
lydia56·2021-06-19 13:19

vue2/vue3路由权限管理的方法实例

1.Vue路由权限控制一般有2种方法a、路由元信息(meta)b、动态加载菜单和路由(addRoutes)2路由元信息（meta）来进行路由权限控制2.1在vue2种的实现如果一个网站有不同的角色，比如管理员和普通用户
·2021-06-15 12:17

vue路由不跳转改变url参数

letpath=this.$router.history.current.path;this.$router.push({path,query:{idx:newIdx}});
有你才精彩XX·2021-06-14 12:36

07-Vue路由vue-router

01-路由入门首页关于我们新闻中心//定义组件//首页constindex=Vue.component('index',{template:'我是首页'})//关于我们constabout=Vue.component('about',{template:'我是关于我们'})//新闻中心constnews=Vue.component('news',{template:'我是新闻中心'})//写路由配
杨杰灬·2021-06-14 05:26

Vue路由this.$router.push跳转页面不刷新

一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。案例：A页面：imageB页面：image问题：当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页面没有执行mounted钩子函数，结果导致mounted函数中查询方法不执行。二、解决方法：1、使用activa
坏人_哒·2021-06-14 03:44

vue路由传参的三种方法

参考文献：https://segmentfault.com/a/1190000012393587一、直接在路由中写参数getDescribe(id){//直接调用$router.push实现携带参数的跳转this.$router.push({path:`/describe/${id}`,})//在router--->index.js进行配置{path:'/describe/:id',name:'D
18fa100a8459·2021-06-13 10:37

vue路由拦截器

vue路由拦截，针对要先登录才能进入的页面直接上代码：router.js{path:'/Register',name:'Register',component:(resolve)=>{require([
瀌瀌骉骉·2021-06-12 16:45

vue路由

前端路由和后端路由：后端路由：对于普通的网站，所有的超链接都是url地址，所有url都对应服务器上对应的资源前端路由：对于单页面应用程序来说，主要通过url的hash（#）来实现不同页面的切换，同时hash还有一个特点HTTP请求中不会包含hash相关的内容，所以单页面程序中的页面跳转主要用hash实现在单页面应用程序中这种通过hash来改变页面的方式称作前端路由区别于后端路由路由的使用创建一个路
卐空羽流雲卍·2021-06-09 03:07

2019-10-09 面试

1，css3新特性2，vue路由和实现原理3，vuex的实现原理4，webpack打包的过程，loading和plugin执行顺序5，事件循环原理6，cookie与localstory区别8月27日平安证劵
旭哥_·2021-06-07 08:41

vue同页面跳转，实现页面重新刷新解决方案

问题描述vue跳转同一路径时，路由参数改变，但页面无法更新问题原因vue路由切换实际是组件间的切换，引用相同组件的时候，组件的生命周期钩子不会再被调用,页面就无法更新解决方案方案1.watch监听路由参数变化
小福饼·2021-06-06 09:43

电商管理项目

发起网络数据请求）、Echarts（绘制图形报表）后端技术栈node.js、MySQL、Jwt（状态保持功能，等于session那样的）项目初始化安装vue脚手架vueui可视化创建项目并进行配置配置vue
KongWish·2021-06-06 00:54

Vue路由改变时

场景：当B页面无数据时，有定时3s后，自动跳转到上一页面，手动后退后，会自动转到上上页面。方案：beforeRouteLeave()导航离开该组件的对应路由时调用//可以访问组件实例`this`beforeRouteLeave(to,from,next){//可以写离开时取消倒计时next();},场景：进入B页面后，要根据进入的路由，后退到相应的来源页面。方案：记录来源beforeRouteEn
IBM_LELE·2021-06-05 16:44

Vue路由懒加载-prefetch预加载问题

通常项目配置router的懒加载，基于webpack4+和ES6，最简单的写法是constrouters=[{path:'/xxx',name:'xxx',component:()=>import('@/xx/xxx.vue')//import()的动态引入}]此时文件加载按页面引入，每个页面跳转进加载该页面需要的资源prefetch预加载使首屏加载变慢在vue-cli3升级之后，配置了webpa
钱英俊真英俊·2021-06-04 20:39

vue路由传参

不在url中传递的方法this.$router.push({name:"expenseDetail",params:{invNumber:this.invNumber}})在expenseDetail页面中拿到参数$route.params.invNumber
blank的小粉er·2021-06-04 00:58

移动端项目(去哪儿)项目开发流程

移动端项目(去哪儿)项目开发流程一、确定项目技术栈技术栈：Vue、vue-cli、vue-router、Vuex、axios、vant、rem、scss、webpack、描述：vue.js、vue脚手架、vue
zhangxlY~·2021-06-02 21:13

Vue路由权限控制解析

前言本人在公司主要负责中后台系统的开发，其中路由和权限校验算是非常重要且最为基本的一环。实际开发项目中，关于登录和路由权限的控制参照了vue-element-admin这个明星项目，并在此基础上基于业务进行了整合，接下来我会以这个项目为例，仔细地剖析整个路由和权限校验的过程，也算是对这个知识点的一些总结。项目总体目录结构进入今天主题之前，我们先来梳理下整个项目,src目录下的。api:接口请求as
·2021-05-31 18:04

前端笔记整理（Vue）

前端基础知识MVVM原理了解响应原理v-model双向绑定原理生命周期Vue路由vue路由模式路由导航方式组件通信axios拦截器配置webpackplugin和loader的不同webpack构建流程是
Leatitia·2021-05-23 19:24

Vue路由监听实现同页面动态加载的示例

场景分析在系统中一个模块有三个子模块.业务数据中可以直接根据类型去区分这个三个子模块的归属.通常情况下.我们是写在同一个模块中然后去选择业务类型.但是业主要求,将这个拆分成三个菜单.用户根据自己的需求去选择需要使用的模块.这个三个菜单使用的是同一张数据表.所以我们肯定只写一个list,add,edit页面的.然后根据进入页面的路由来判断属于哪一个分类.并跳转指定分类的新增,编辑,和调用对应的列表接
·2021-05-21 13:52

Vue路由跳转配置

vue路由配置：1.安装npminstallvue-router--save/cnpminstallvue-router--save2、引入并Vue.use(VueRouter)(main.js文件中)
东了个尼·2021-05-20 17:12

Vue实现路由过渡动效的4种方法

Vue路由过渡是对Vue程序一种快速简便的增加个性化效果的的方法。可以让你在程序的不同页面之间增加平滑的动画和过渡。如果使用得当，可以使你的程序显得更加专业，从而增强用户体验。
·2021-05-18 10:25

06Vue3-Vue路由笔记

路由基本用法文件目录结构route->index.js配置文件解读import{createRouter,createWebHistory}from'vue-router'//引入组件importHomefrom'../views/Home.vue'importUserfrom'../views/User.vue'//等价于//constHome=()=>import('../views/Home
CaRuJan·2021-05-15 01:11

vue路由，组件

先是跟着http://www.openopen.com/lib/view/open1476240930270.html搭建了环境，中间遇到了一些问题，还好都一一解决了。下面总结一下：Paste_Image.pngdemo演示效果Paste_Image.png先写主体App.vue![](./assets/logo.png)点我跳转到第一个页面{{name}}点我跳转到第二个页面豆瓣电影排行榜{{a
洋__·2021-05-12 07:10

Vue路由配置

Vue路由使根组件可以自由的挂载需要的子组件。
牧码狗·2021-05-10 02:08

vue-router

跳转路由vue路由文件router.jsexportdefaultnewRouter({routes:[{name:'survey',path:'/service/surveyService',component
A郑家庆·2021-05-08 04:41

6 VUE路由

vue->SPA应用，单页面应用（引入vue-router.js）vue-resouce交互vue-router路由根据不同url地址，出现不同效果html:主页跳转链接新闻展示的内容js://1.准备一个根组件必须是跟组件varApp=Vue.extend();//2.HomeNews组件都准备varHome=Vue.extend({template:'我是主页'});varNews=Vue.e
上马提枪·2021-05-07 16:56

Vue2.0环境搭建

Vue2.0.png安装环境创建项目创建项目示例vueinitwebpackdemo_1安装依赖(在有package.json的目录中)npminstall安装vue路由模块vue-router和网络请求模块
amuqiao·2021-05-06 17:02

vue路由器传参

下载：npminstallvue-router路由的传参：1.查询字符串：/user/regist?uname=jack&upwd=123接收：{{$route.query}}2.rest风格传参/user/login/rose/456接收：{{$route.params}}首页用户页//2varHome={template:`我是首页`}varUser={template:`我是用户页注册登录`
Dusk_e081·2021-05-06 17:39

6.Vue路由(vue-router库）

vue2中路由的写在项目的src/router/index.js里importVuefrom'vue'importRouterfrom'vue-router'importhomefrom'@/components/Home.vue';importnewslistfrom'@/components/news/newslist.vue'importnewsshowfrom'@/components/n
悟空你又瘦了·2021-05-04 20:25

Vue路由 ---- vue-router

vue-router中常用的hash和history路由模式实现原理吗？TwoPoint！！！spa页面不能刷新：//1.hash//2.historyapiurl变化显示对应内容：//1.router-view：占位容器//2.数据响应式，current路由变化触发视图更新；响应式得两种实现方式？方式1：借鸡生蛋-newVue({data:{current:'/'}})方式2：Vue.util.
斗伽·2021-05-04 10:00

Vue路由转场，仿移动原生效果

看了不少网上路由转场方案，大多是在路由的meta配置里，增加index参数，然后通过watch监听路由变化，对比index大小进行判断是左滑还是右滑操作，但是并不能达到像移动端原生的那种效果。经过查找，可以重写router的push、replace等方法，效果更好，示例如下：1、还是一样，路由配置里，meta属性增加isFront字段，判断路由状态profile:{path:'/profile',
黑色幽默_0d96·2021-05-01 10:00

关于vue路由和路由拦截的一些小问题

//总的来说两个问题//1.路由重复点击报红错误//解决方法:重写push方法,cathc掉错误,就不显示了//2.路由重复点击栈溢出//在beforEach方法里,判断重复路由,就next(false)importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'importH
烟雨浥轻尘·2021-04-27 23:59
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他