vue路由

vue路由懒加载，babel-loader无法处理/使用 import

使用vue-router懒加载，代码如下：但是npmrundev的时候babel-loader报错如下：查阅各种资料终于解决。问题原因：这种情况下的import属于异步引用组件，需要特殊的babel-loader处理。解决方法：先安装babel用来编译import异步引用方法的模块babel-plugin-syntax-dynamic-importcnpminstallbabel-plugin-s
进军的蜗牛·2019-07-04 15:00

vue-router

压缩很耗时间页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管理系统主要的开发形式就是spavue
lww_gfly·2019-07-02 20:19

vue路由传参query和params的区别（详解！）

1.query使用path和name传参跳转都可以，而params只能使用name传参跳转。query传参：页面带参数跳转：this.$router.push({path:'/city',name:'City',query:{cityid:this.Cityid,cityname:this.Cityname}})路由配置：{path:'/city',name:'City',component:Ci
一个懒惰的陈xx·2019-07-02 11:00

vue路由和http

使用路由之前我们先要安装我们的路由模块输入:npminstallvue-router--save-dev然后我们在main.js中导入路由模块importVueRouterfrom'vue-router'紧接着注明我们要使用路由Vue.use(VueRouter)然后我们配置路由constrouter=newVueRouter({设置路由名字为routerroutes:[{path:'/',com
网络偶像爱丽丝·2019-06-29 13:29

深入了解query和params的使用区别

前言路由传参的时候，有俩兄弟，一个叫query，一个叫parmas你说他们俩长得也不像吧，可这用法实在是太类似了下面就让我们分别从vue路由和Node接收两个角度讲他们的区别vue路由中的传参假设我们现在需要实现一个路由切换
夜行�L·2019-06-24 10:14

vue路由学习-向路由组件传递数据

通常有两种写法：param与query1.定义路由组件（使用占位写法）配置路由，设置参数（param/query）children:[{path:'/home/solo/msgdetail/:id',component:MsgDetail}]':id’表示是params写法router-link写法（es6）使用写法{{solo.name}}2.根据id查询其他参数值用devtools查询的id路
doitba·2019-06-22 14:10

vue路由学习-嵌套路由

1.定义嵌套路由组件在views中生成新路由Group.vue{{group}}exportdefault{data(){return{groupArr:['Blackpink','Redvelvet','Twice','Itzy']}},}Solo.vue{{solo.name}}-->{{solo.name}}push查看replace查看backexportdefault{data(){re
doitba·2019-06-21 23:13

Vue路由命名视图及路由组件切换

本来一个页面里面只能有一个路由视图对应一个组件，现在可以多个路由视图（router-view）对应多个组件。载入子页面在routes中使用components属性，将组件名称及其组件对象包裹，由此可在页面中的router-view标签中添加name属性来对应路由组件，未定义name属性则默认填入default组件在routes中使用children属性，并传入路由组件对象，可将其作为当前路由页面的
友人CWH·2019-06-21 16:53

Vue路由嵌套

定义父路由组件和子路由组件（注意，父组件中的子组件的to属性要包括父路由地址“main”）主页面登录注册varmainPage={template:"#main",}varlogin={template:'登录界面----',}varregister={template:'注册界面----'}在vue-router对象中为父路由组件配置子路由组件属性children（注意，子路由组件不用在外部再次
友人CWH·2019-06-21 13:39

Vue路由的基本使用

引入vue-router的js文件（先引入vue.js文件）创建两个用于路由切换时候显示的组件（注意，在路由中引用的是组件对象，不能使用组件名称的字符串引入）varlogin={template:'登录模块'}varregister={template:'注册模块'}使用vue-router提供的构造函数，构造路由对象//使用vue-router包中的构造函数，创建路由对象，varrouter=n
友人CWH·2019-06-21 10:53

Vue实战—路由轻松设置vue-router（3）

上篇我们说了vue项目的目录设计，本篇我们来学习一下vue路由。路由的作用：在web端路由（route）就是URL到函数的映射，vue的router就像一个容器，分配，处理每一个route到URL中。
前端大彬哥·2019-06-15 00:00

vue路由插件之vue-route

vue路由插件，vuerRouter,使vue官方的路由管理其，和vue高度耦合1.vue-Router的使用importVuefrom'vue'importRouterfrom'vue-router'
waitklove·2019-06-13 16:51

vue路由vue-router

vue路由插件，vuerRouter,使vue官方的路由管理其，和vue高度耦合1.vue-Router的使用importVuefrom'vue'importRouterfrom'vue-router'
waitklove·2019-06-12 21:00

vue路由传参中的params和query不要随意乱用

vue中的路由传参主要是分为两种方式：params和query。主要用法就是写在push函数的参数对象中：this.$route.push({});params的写法：this.$router.push({name:'myPathName',params:{id:'1234'}});在目标页面获取idletid=this.$route.params.id;此时浏览器的地址中是不会带参数的，类似于p
登楼痕·2019-06-12 14:04

Vue路由

开发起来太冗余，编译、压缩很耗时间-页面之间的跳转速度太慢单页面应用-不需要刷新页面，因为它就是一个页面-这个页面内容在切换-单页面内容之间的切换要想实现我们就是用路由了-如今我们的app主要的开发形式就是spavue
DingLei_·2019-06-02 19:20

Vue路由

开发起来太冗余，编译、压缩很耗时间-页面之间的跳转速度太慢单页面应用-不需要刷新页面，因为它就是一个页面-这个页面内容在切换-单页面内容之间的切换要想实现我们就是用路由了-如今我们的app主要的开发形式就是spavue
DingLei_·2019-06-02 19:20

vue&django微博第三方登录

AppSecret，这两个要保存下来点击左侧高级信息，然后进去点击编辑这时会让你自己设置回调路由和取消授权的路由，回调路由是当你用第三方登录时，微博会给你返回一个code，这个code会返回到这个路由上，这个路由是vue
苏建康·2019-06-02 11:38

vue路由带参跳转页面不刷新(两种方法)总结

路由参数变化但是页面没有刷新这是Vue的组件复用的默认处理方式解决办法：一：不想复用的话，就在父组件的router-view上加个key（不推荐使用）但是vue为了提高性能不建议每次跳转都刷新组件二：添加路由监听，路由改变时执行监听方法（推荐）methods:{fetchData(){console.log('路由发送变化doing...');}},created(){this.fetchData
LONGLONGAGO_RU·2019-05-30 11:12

vue打包整合到spring boot一记

vue-cli打包之前的配置脚手架创建会生成如下的目录：首先我们先把vue路由里的#去掉只需在router里面加如下代码：constrouter=newVu
蓝雨溪·2019-05-30 10:56

Vue路由及默认路由的跳转

https://router.vuejs.org/vue路由配置：1.安装npminstallvue-router--save/cnpminstallvue-router--save2、引入并Vue.use
過眼云烟·2019-05-30 08:06

前端笔记之Vue（七）Vue-router&axios&Vue插件&Mock.js&cookie|session&加密

安装vue路由：np
mufengsm·2019-05-25 19:00

Vue路由实现原理总结

在讲vue路由实现之前先看下浏览器对象默认的对象属性locationLocation对象的属性属性描述hash设置或返回从井号(#)开始的URL（锚）。host设置
李牧敲代码·2019-05-23 00:01

vue路由守卫+登录态管理实例分析

本文实例讲述了vue路由守卫+登录态管理。
前端那点事·2019-05-21 11:01

Vue-router

Vue路由详解一、VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
Grayly吖·2019-05-19 09:59

vue路由中前进后退的一些事儿

基本情景是页面之间通过vue路由跳转，从页面A跳转到页面B（在页面B进行对应操作后）,再从页面B跳转到页面C。之后再从页面C返回到页面B，页面B保留之前状态，返回页面A，页面B状态不保留。
乔巴不想说话·2019-05-18 09:52

vue组件间通信($attrs, $listeners)

代码参考地址：https://gitee.com/ligeyihayou/attrs-listeners二、设计文件结构//juejin.vue路由组件入口//com-one.vue子组件//c
理个以哈呦·2019-05-17 11:03

详解如何写出一个利于扩展的vue路由配置

前言从历往经验来看，开发一个新项目，往往在刚开始部署项目，到项目的正式交付，以及交付后的后续维护，功能增强等过程，都需要对项目的一些已有结构和逻辑进行调整。因此，如果有些内容刚建项目时不考虑好未来的可扩展性，后续调整会很麻烦。这里先来说，在vue项目中，如何写路由配置，更利于未来可扩展。vue-router的基本配置为了方便新学者的阅读与理解。先来看一下最基本的路由是如何配置的//0.导入Vue和
pekonchan·2019-05-16 11:51

vue路由传参的三种基本方式

项目中很多情况下都需要进行路由之间的传值，想过很多种方式sessionstorage/localstorage/cookie进行离线缓存存储也可以，用vuex也可以，不过有些大材小用吧，不管怎么说因场景而异下面我来说下vue自带的路由传参的三种基本方式先有如下场景点击当前页的某个按钮跳转到另外一个页面去，并将某个值带过去查看详情第一种方法页面刷新数据不会丢失methods：{insurance(i
w晚风·2019-05-13 18:23

web前端常见面试题（js原生,vue,es6,小程序）合集

vue路由面试题mvvm框架是什么？2vue-router是什么?它有哪些组件active-class是哪个组件的属性？怎么定义vue-router
-葵藿倾阳·2019-05-13 00:00

vue.js开发总结（持续更新中~）

1.VUE路由变化页面数据不刷新问题问题描述：（知乎项目）新闻板块有推荐、精华、最新等几个Tab，设想通过切换Tab，改变路由参数（get/news/:tab）去获取对应数据，然后渲染到页面（用的是同一套组件
chenzeze0707·2019-05-12 22:32

造轮子，layuiAdmin——基于layui的后台管理模板

ice13140167960.github.io/layuiAdmingithub地址:https://github.com/ice13140167960/layuiAdmin如果对您有用，请给个star1.类Vue
王耀冰·2019-05-10 18:36

vue路由跳转传参数的方法

vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转1.router-link1.path->是要跳转的路由路径,也可以是路由文件里面配置的name值,两者都可以进行路由导航2.params->是要传送的参数,参数可以直接key:value形式传递3.query->是通过url来传递参数的同样是key:value形式传递//2,3两点皆可传
帅阿星·2019-05-06 15:12

vue路由间的传参params和query

query方式传参及接收示例一query方式的传参，url看下图:http://localhost:8848/#/placeOrderInsuranceClassify?cargoCategoryId=1&cargoCategoryName='鲜货类'在页面新加载的时候，可以通过this.$route.query获取到传过来的路由参数，既可进行设置和使用console.log(this.$rout
chan_it·2019-05-04 15:39

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

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。
CoderYin·2019-04-29 19:32

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

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。
CoderYin·2019-04-29 19:32

vue-router实例

vue路由使用介绍#app{position:absolute;}router-link{position:absolute;}.dropbtn{display:inline-block;color:white
qq_34500270·2019-04-23 10:56

vue路由对不同界面进行传参及跳转的总结

最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结（仅供参考）。首先我们先上代码吧！点击编辑这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角（跳转、传参）的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会
purple_sunset·2019-04-20 09:14

vue路由对不同界面进行传参及跳转的总结

最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结（仅供参考）。首先我们先上代码吧！点击编辑这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角（跳转、传参）的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会
purple_sunset·2019-04-19 17:00

详解Vue路由自动注入实践

什么是路由自动注入路由自动注入概念学习自nuxt,我们不需要在router.js中每次手动输入代码引入模块而是自动根据文件目录格式生成router.js我们把这个功能独立成一个webpack插件,并对相关功能进行了完善,而且实现了vue-router的所有核心功能更详细使用指南和文档可以查看我们的github仓库举一个简单的列子,比如你的目录长这样src├──views│├──Login││└──
Qymh·2019-04-17 14:43

vue路由跳转参数传递

vue路由跳转参数传递发送方路由跳转方法时clickRowValFun(data){this.
Chen_Devin·2019-04-12 09:18

vue路由导航守卫和请求拦截以及基于node的token认证的方法

什么时候需要登录验证与权限控制1、业务系统通常需要登录才能访问受限资源，在用户未登录情况下访问受限资源需要重定向到登录页面；2、多个业务系统之间要实现单点登录，即在一个系统或应用已登录的情况下，再访问另一个系统时不需要重复登录；在登录过期或失效时，需要重定向到登录页面如何使用路由守卫定义一个index.js页面用来定义页面的路由，代码如下：importVuefrom'vue'importRoute
阿踏·2019-04-07 11:37

vue路由懒加载的两种方式

这样就是vue路由懒加载。
Joannes_xie·2019-04-03 14:59

【面试】web前端经典面试题试题及答案-vue

vuevue的生命周期、vue实现双向数据绑定、Vue组件间的参数传递/vue通信、vue路由、vue跨域、vuex、vue基础vue的生命周期vue实现双向数据绑定Vue组件间的参数传递/vue通信vue
aSuncat·2019-04-02 19:42

vue路由--网站导航功能详解

1、首先需要按照Vuerouter支持npminstallvue-router然后需要在项目中引入：importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)2、定义router的js文件importVuefrom'vue'importRouterfrom'vue-router'importUserfrom'../page
薄荷凉凉凉·2019-03-29 15:27

VUE路由变更页面未更新问题

VUE路由变更页面未更新业务需求实现方案遇到的问题问题定位以及解决业务需求在做一个管理用户账户下APP的网站，在主页需要切换应用APP的ID，来显示不同APP对应的数据，对不同APP进行操作。
DoubleSRZee·2019-03-21 17:32

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

懒加载：又叫延迟加载，首页优化需要用到路由懒加载的2种方式第一种：前面不需要import这个组件constrouter=newRouter({routes:[{path:'',name:'lazy',component:resolve=>(require(["@/components/HelloWorld"],resolve))}]})第二种：（个人觉得这种方式比较好）constHelloWorl
死亡的挽歌·2019-03-20 15:11

vue路由的钩子函数

vue路由的钩子函数vue-router提供的导航钩子主要用来拦截导航，让它完成跳转或取消。
Amanda_wmy·2019-03-19 15:27

Vue-router 路由详解 多级路由

今天我来分享一下vue路由方面的心得体会。
JustDoIt521·2019-03-14 17:20

vue路由设置history模式出现页面空白

正确使用方式router-index.jsconstrouter=newVueRouter({mode:'history',routes:[...],})在路由的文件中添加mode:'history',这行代码就就是更改为history模式，但是打包发布后，页面会出现一片空白。如果创建的项目放到了根目录的话，不会出现这种问题。但一般情况下都不会放在根目录下，而是放在了子文件夹下面，此时你需要向后台
lesdom·2019-03-13 14:44

（四）快速上手VUE 路由功能学习心得

router/index.js4.首页科代表：components/home.vue4.列表科代表：components/nowplaying.vue5.详情页科代表：components/detail.vue
Breanne Hui~辉·2019-03-05 18:00
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他