Vue-router

vue基础

目录vue一、简介二、命令-生命周期函数三、v-model修饰符四、组件化五、es6模块化六、webpack七、vuecli八、runtime-only和runtime-compiler九、路由vue-router
zpyu521·2020-01-27 14:00

修改vue源码实现动态路由缓存的方法

那么，我们可以在vue-router的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果。
唱跳rap和web·2020-01-21 11:27

浅谈Vue.use到底是什么鬼

如vue-router添
BWrong·2020-01-21 09:00

vue-cli中路由及组件懒加载、以chunk name命名打包后的js文件、打包文件中不生成.map文件

1、路由及组件懒加载1）路由懒加载（代码分离打包）方法1（已经被import()替代）：require.ensure()实现importVuefrom"vue";importRouterfrom"vue-router
如你眉间山水·2020-01-19 16:00

总结几个vue-router的使用技巧

单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由。
michael·2020-01-17 13:58

vue-router源码阅读一

前言为什么读源码？一、更好地使用api,解决工作中遇到的问题二、避免一些使用中的常见错误调用步骤1.安装router插件importrouterformvue-routerVue.use(router)2.实例化routerconstHome={template:'home'}letrouter=newRouter({routes:[{path:'/home',component:Home}]})
叶秋·2020-01-16 10:00

vue-router 学习路程中的发现和积累

路由导航vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航(相当于一个保安)。
Sanbai·2020-01-15 01:06

vue学习笔记之动态路由匹配

那么，我们可以在vue-router的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果：constUser={template:'User'}constrouter=newVueRouter
WebKoalaBoy·2020-01-14 15:25

使用Vue框架开发去哪儿旅游网移动端项目（七）

importVuefrom'vue'importRouterfrom'vue-router'importHomefrom'@/pages/home/Home'importC
宋承佑·2020-01-10 15:12

vue移动端项目架构设计（附demo）

项目初始化技术选型结合vue生态，此移动端项目模板使用如下技术：前端框架——vuevue状态管理——vuexvue路由管理——vue-router请求方式——axios样式管理——less包管理——npm
LM林慕·2020-01-10 01:54

vue学习笔记——vue-router

1.什么是前端路由？前端路由是根据不同的URL地址显示不同的内容或页面。2.什么时候使用前端路由？在单页面应用时，大部分页面结构不变，只改变部分内容的时候应用。SPA：单页web应用，就是只有一张web页面的应用，是加载单个HTML页面并在用户与应用程序交互时，动态更新的web应用程序。3.vue前端路由——vue-routervue-router是用来构建SPA（singlepagewebapp
西瓜已经被占用·2020-01-08 20:34

vue-router 中使用 keep-alive 控制 ajax 请求的缓存策略(二)

前文的解决方法其实是有问题的。1.问题前文提到saved_position的返回值有时是undefined，有时是null。经过仔细调试，可以发现undefined只会出现一次，以后都是出现null。出现的过程为：用户访问具有keep-alive的List页面用户点击router-link切换到其他页面点击浏览器后退按钮，回到List页面，此时的saved_position值即为undefined
书SHU·2020-01-08 15:50

使用vue-router+vuex进行导航守卫

一、router.js:importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'importstorefrom
Lia代码猪崽·2020-01-07 23:17

前端路由和后端路由，前端渲染和后端渲染

1.vue-router和koa-router的区别vue-router是前端路由，koa-router是后端路由。
阿r阿r·2020-01-07 19:33

2019-06-18 vue路由

如有侵权联系本人立刻删除一、首先带着问题要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？
qiaoguoxing·2020-01-07 17:46

实现一个vue组件库发布到npm

初始化一个vue项目，具体过程这里不再过多描述，如果不太清除，可以看下博客上一遍vue-router的实现原理。src下面创建一个plugins文件夹，index.js文件，这个文件是组件的出口文件。
麦乐乐·2020-01-07 15:28

在vue-cli中使用vue-router及vuex的例子

在使用思维导图总结Vue.js官方文档（例子优化、难点及易错点注释）【下】中我们使用vue-router及vuex时引入它们的方式是直接以的方式引入且就在一个文件中写。
该帐号已被查封_才怪·2020-01-07 12:10

vue | 路由vue-router在新窗口打开页面

vue的是单页面应用设计的渐进式框架,但是有时在项目中也会出现新窗口打开页面的情况,此时,就需要vue-router的知识来解决一.使用标签需要注意的是,router-link并不支持target="_
一把伞骨·2020-01-07 10:57

Router-link 跳转页面回到顶部或不返回顶部的处理

在main.js入口文件配合vue-router写下：router.afterEach((to,from,next)=>{if(router.history.current.path==="/Home/
qq5d5a23c25ad20·2020-01-06 20:33

Vue.js写一个SPA登录页面的过程

github.com/doterlin/vue-example-login演示地址：https://doterlin.github.io/vue-example-login技术栈vue.js主框架vuex状态管理vue-router
doterlin·2020-01-06 17:57

vue面试题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
黄海佳·2020-01-06 12:06

vue学习之Vue-Router用法实例分析

本文实例讲述了vue学习之Vue-Router用法。
theVicTory·2020-01-06 10:50

webpack简单使用

vuejs技术利用vue-resource来请求api利用vue-router来实现路由利用vue中的组件化思想来实现每个页面webpack基本打包演示步骤1、将webpack安装成为全局包，npminstallwebpack-g2
spfi·2020-01-06 05:37

vue动态title

我的解决方式利用vue-router的meta属性加上vue的路由守卫beforeEach配置动态title{path:'/formShow',meta:{title:'表单自动生成'},component
橙小光·2020-01-06 01:21

keep-alive遇见vue-router

保证组件活着keep-alive是vue内置的一个组件，可以使被包含的组件保留状态，避免组件重新渲染,频繁创建销毁，router-view也是一个组件，如果直接被包在keep-alive里面，所有路径匹配到的视图组件都会被缓存keep-alive有两个非常重要的属性include--字符串或正则表达，只有匹配的组件才会被缓存exclude--字符串或正则表达，任何匹配的组件都不会被缓存这两个函数只
喝醉的熊·2020-01-05 14:21

Vue.js再入门

Vue2简单入门Vue.js再入门Vue.js使用vue-router构建单页应用Vue.js状态管理工具Vuex快速上手Vue.js是一套构建用户界面的渐进式框架。
_ihhu·2020-01-05 14:38

vue-router

#路由配置##路由组件>路由组件就是一个普通组件，只不过不需要使用全局或者局部注册。在路由配置中绑定对应的路由组件即可```javascriptconstpage={template:``}constroutes=[{path:'/',component:page//一旦页面路由匹配了/那么vue就会把page渲染到页面的router-view中}]```##路由配置>路由配置是一个数组```ja
瓩千瓦·2020-01-05 10:22

Vue 解决路由过渡动画抖动问题(实例详解)

前言Vue-Router作为Vue的核心模块，它为我们提供了基于组件的路由配置、路由参数等功能，让单页面应用变得更易于管理。
WahFung·2020-01-05 09:23

Vue-router中keep-alive的理解

Vue-router的API文档中对于keep-alive的介绍并不多，所以对于初学者来说，可能并不太理解什么是keep-alive、作用是什么，什么时候用，怎么用？
smbera·2020-01-05 07:41

Vue爬坑之旅(二)：vue单页面二级套嵌路由

/App'//引入主模板importRouterfrom'vue-router'//引入router路由//引入项目的模块组件importlicaifrom'./components/
帆酱·2020-01-04 23:00

01.Vue 简介

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource，vuex）或既有项目整合。
忞触动心灵·2020-01-04 22:30

Vue - 解决路由过渡动画抖动问题

前言Vue-Router作为Vue的核心模块，它为我们提供了基于组件的路由配置、路由参数等功能，让单页面应用变得更易于管理。
WahFung·2020-01-03 22:00

Vue - 解决路由过渡动画抖动问题

前言Vue-Router作为Vue的核心模块，它为我们提供了基于组件的路由配置、路由参数等功能，让单页面应用变得更易于管理。
WahFung·2020-01-03 22:00

vue项目实现按需加载的3种方式：vue异步组件、es提案的import()、webpack的require.ensure()

实现：1.vue异步组件技术vue-router配置路由，使用vue的异步组件技术，可以实现按需加载（懒加载）。但是，这种情况下一个组件生成一个js文件。
Blacker丶Boom·2020-01-03 21:26

vue多页面首页加载优化

客户端加载示意图：管理端加载示意图引入CDN对vue、vuex、vue-router、vue-moment采用cdn引入，此外客户端还可以引入highlight的cdn，但管理端不需要。
SilentPort·2020-01-03 20:25

Vue-router

VueRouter是Vue.js官方的路由管理器，严格来说，它是一款插件，但它又和Vue.js核心深度集成，VueRouter的版本依赖于Vue.js的版本，最新的vue-router3.0依赖于Vue.js2.0及以上版本。一安装Vue-router1，简介VueRouter有两种模式，分别是HTML5History模式和hash模式。我们知道，Vue.js是主要用于构建单页面应用用户界面的渐进
任风来去匆匆·2020-01-03 15:00

Vue.js学习系列二 —— vuex学习实践笔记（附DEMO）

上次学习了vue-router的使用，让我能够在各个页面间切换，将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。
VioletJack·2020-01-03 08:36

[Vue.js进阶]从源码角度剖析vue-router（二）

前言在上篇中主要叙述了vue-router的注册和实例化过程，以及如何生成$router,$route对象在本篇中会讲述：$route对象生成的时机路由守卫的原理路由懒加载的原理文中的源码截图只保留核心逻辑完整源码地址
心_c2a2·2020-01-03 02:09

vue面试题总结

或添加群主微信hanxuming888进群)本文档基于vue-cli技术栈总结了vue-cli工程vue.js核心知识vue-router路由vuex状态管理器axios等http
鸭梨·2020-01-03 02:58

vue-cli中vue-scroller

vue-cli中vue-scroller的详细用法，上拉加载下拉刷新,vue-axios获取数据的详细过程vue目前是众所周知的流行框架大家都知道的，vue全家桶的成员是：vue-cli,vuex,vue-router
安小明·2020-01-03 01:59

六、安装router实现页面跳转

1、安装routernpminstallvue-router2、使用importVueRouterfrom'vue-router'Vue.use(VueRouter)3，js中配置路由首先要定义route
undefined_afa1·2020-01-02 01:17

基于Vue技术栈，小程序跨端框架选型

mpVue特点：基于@vue-cli脚手架创建的项目通过webpack构建打包，多环境配置麻烦不支持vue-router，支持vuex数据管理vue语法特性支持不足兼容小程序生命周期，不建议使用小程序的生
cythia_yyy·2020-01-01 22:58

Vue2.x学习笔记（二）

目录一、axios的使用1.基本使用2.axios请求配置3.axios拦截器二、vue-router路由的使用1.vue-router实现原理的简单实现2.vue-router的基本使用3.命名路由4
白又白了个白·2020-01-01 19:00

VueJs路由跳转——vue-router的使用

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。
SCQ000·2020-01-01 17:25

vue-router基本使用

vue-router基本使用路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。
Jony0114·2020-01-01 01:43

VUE复习笔记29（vue-router详解基础）

安装1.直接下载/cdnhttps://unpkg.com/vue-router/dist/vue-router.jsUnpkg.com提供基于npm的CDN链接。
XKolento·2019-12-31 22:08

SaaS小结

13955554444（婚礼策划）14465432130（婚纱摄影）产品介绍：婚礼策划：为客户进行方案设计，可进行客资的管理，订单的管理婚纱摄影：摄控整套流程的管理和操作二、技术栈Vue1.0（vue2.0已经发布）vue-router
pengfoo·2019-12-31 21:02

vue-router命名视图的意义

官网是这么解释的：有时候想同时（同级）展示多个视图，而不是嵌套展示，例如创建一个布局，有sidebar（侧导航）和main（主内容）两个视图，这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果router-view没有设置名字，那么默认为default。如果按照他解释的这么简单的话，完全可以在根组件app.vue里直接引入sidebar组件，注册，渲
别过经年·2019-12-31 11:35

hash和history

hash和history的区别vue-router中hash模式和history模式。
何伟z·2019-12-31 09:00

前端路由学习总结

本文总结自：Web开发中前端路由实现的几种方式和适用场景HTML5HistoryAPI的”前生今世”从零学习React技术栈系列教程最初接触前端路由是vue-router，当时仅仅觉得可以通过router-link
始悔不悟·2019-12-31 05:02
上一页 112 113 114 115 116 117 118 119 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他