Vue-router

vue-router的两种模式区别以及使用注意事项

vue-router默认hash模式，还有一种是history模式。hash模式hash模式的工作原理是hashchange事件，可以在window监听hash的变化。
王永存·2020-07-28 15:10

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

上次学习了vue-router的使用，让我能够在各个页面间切换，将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。它类似于redux来应用的全局状态。
violet-jack·2020-07-28 15:16

vue 扩展

webpack.config.js配置编译的js也就是entry内，通常是app.js，output里配置输出位置在输出目录内创建html，引用生成的js即可app.js:它是就是require引用vue,vue-router
starwmx520·2020-07-28 11:40

使用vue2、vuex、vue-router、axios等重写饿了么点餐系统

我用vue2.0写了一个饿了么点餐系统的Demo，关于vue的一些基本用法都有用到，并且引入了vuex、vue-router、axios、webpack、eslint、better-scroll等，感兴趣可以来看看
大灰狼的小绵羊哥哥·2020-07-28 11:54

Vue-router

理解5.1.1.说明1）官方提供的用来实现SPA的vue插件2）github:https://github.com/vuejs/vue-router3）中文文档:http://router.vuejs.org/zh-cn/4）下载:npminstallvue-router--save5.1.2.相关API说明1）VueRouter():用于创建路由器的构建函数newVueRouter({//多个配
qianxun0921·2020-07-28 10:59

vue 监听窗口变化对页面部分元素重新渲染操作

问题在处理页面重新渲染时通常的做法是：用vue-router重新路由到当前页面，页面是不进行刷新的采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，
·2020-07-28 10:46

Vue2.x路由守卫（路由钩子）详解

路由守卫vue-router提供的路由守卫主要用来通过跳转或取消的方式守卫路由，比如符合什么条件才可以进入路由，否则取消跳转，或者控制跳转路径，路由跳转成功过后需要做什么操作等等都可以使用路由守卫（路由钩子
kksw1121·2020-07-28 09:09

Vue中导航守卫使用方法详解

vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。
justGo♀·2020-07-28 09:02

vue实战笔记1

vueinittemplate(webpack)projectname(name)相关指令npmrundevnpmrunbuild单页应用多页应用单页:只加载一次页面切换块多页：每次页面跳转都要加载新的页面页面切换慢路由vue-router
qq_42262895·2020-07-28 09:46

router、routes、route的区别

如：路由编程式导航的$router.push()2.routes：指创建vue-router路由实例的配置项。用来配置多个route路由对象3.route：指路由对象表示当前激活的路由的状态信息。
不世9527·2020-07-28 08:35

Vue的Vue-Router如何使用?Vue路由如何做?比官网文档更适合新手看的教程!(所以代码均完整,复制粘贴即可查看效果)基础篇 ∠( °ω°)／ 前端知识

文章目录Vue-Router简介引入基本使用组件复用匹配任意字符命名路由命名视图重定向和别名重定向别名动态路由(通过URL向后台传参)嵌套路由(子路由)编程式导航路由传参对象模式函数模式Vue-Router
O寻觅O·2020-07-28 08:29

06 day4-Vue.js黑马全家桶笔记

Vue-router（九）路由的基本概念与原理(1)Vue-router的基本使用1.1Vue-router简介1.2VueRouter的使用步骤(★★★)1.3路由重定向(2)Vue-router的嵌套路由
时倾-·2020-07-28 07:44

vue.js 路由写法

介绍路由：控制组件之间的跳转，不会实现请求、不用页面刷新，直接跳转-切换组件》》》安装本地环境安装路由插件vue-router：cnpminstallvue-router--save-dev*没有安装淘宝镜像的可以将
MakeGreatEffort·2020-07-28 07:07

2-9 vue-router

使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把vue-router添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉vue-router在哪里渲染它们
codeTao·2020-07-28 06:06

[vue三]：用户登录状态保存和请求进行判断，vuex结合vue-router，axios的学习

vuex的导入、注册和基本用法二、登录功能中完善对token的存储三、跳转home页面完成数据请求加载和渲染四、路由跳转判定和请求验证五、总结根据[Vue二]：实现页面登录功能，element-ui，vue-router
goodlovingz·2020-07-28 06:52

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（五）注册页面和连接Mongodb

Image043.png注册页面regin.vue的代码和登录页面的代码差不多，就是要自己写2个验证，电话号码和确认密码的验证规则regin.vue代码用户注册注册重置已经有账号，马上去登录exportdefault{data(){letconfirmpasswordCheck=(rule,value,callback)=>{if(value===''){returncallback(newErr
思吾谓何思·2020-07-28 06:19

2018-09-24 vue.js vue-router

vue-routerVue路由器Git安装npminstallvue-router路由中有三个基本的概念route,routes,router。1，route，它是一条路由，由这个英文单词也可以看出来，它是单数，Home按钮=>home内容，这是一条route,about按钮=>about内容，这是另一条路由。2，routes是一组路由，把上面的每一条路由组合起来，形成一个数组。[{home按钮=
曾经_12bd·2020-07-28 02:11

Vue---导航守卫使用方法详解

Vue---导航守卫使用方法详解导航守卫正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。
lelara·2020-07-28 01:08

vue之vue-router vuex学习笔记

1，Vuex：state=>基本数据getters=>从基本数据派生的数据mutations=>提交更改数据的方法，同步！actions=>像一个装饰器，包裹mutations，使之可以异步。modules=>模块化Vuex首先vuex是以插件的形式存在的，要引入importvuexfrom'Vuex',Vue.use(Vuex)要const一个变量，并且注入vue的实例里面，store：变量（s
kindhj·2020-07-28 01:51

了解一下vue中main.js

main.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)importtestfrom'.
java_sparrow·2020-07-28 00:48

关于vue-router使用

肯定里面要有这个模块，然后引入，使用importRouterfrom'vue-router'Vue.use(Router)然后再开始使用引入组件利用importimportheardfrom'.
夏夏夏夏顿天·2020-07-28 00:33

vue路由：导航守卫

1.导航守卫是什么官方这么说：正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。好吧，看不懂，就好（当）好（废）理（话）解（吧）下。
duansamve·2020-07-27 21:32

VUE导航守卫

vue-router的官网：https://router.vuejs.org/zh/guide/essentials/navigation.html导航守卫：导航首位就是做了一个判断，成立让进去，不成立不让进去三种守卫方法
bushuqian·2020-07-27 19:18

vue vue-router 各个守卫的详细理解

导航守卫分类导航守卫按照维度分三个：全局的：进入任何一个路由都会执行beforeEach：进入路由前执行beforeResolve：在导航被确认之前，同时在所有组件内守卫和异步路由组件被解析之后，解析守卫就被调用afterEach：导航确认执行时执行，可理解为导航完成时执行路由的：进入某个路由才会执行beforeEnter:进入该路由前组件的：进入某个组件才会执行组件复用时beforeRouteE
bingqise5193·2020-07-27 19:46

在vue-router中设置和获取参数的方法

vue-router中传递参数1.通过设置路由name属性，用{{$route.name}}获取。
鸡鸡鸡镜·2020-07-27 18:52

Vue 路由钩子（导航守卫）详解及应用场景

在vue-router的官方文档中,将路由钩子翻译为导航守卫。
明天也要努力·2020-07-27 18:11

Vue router / element 项目重复点击路由报错

于是，查文档，注意到vue-router文档中有这样一段话，传送门→即：[email protected]以后，回调函数返回的是promise。
sugar_coffee·2020-07-27 17:34

vue开发SPA中，路由切换时，子组件间滚动行为相互影响的解决办法

importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({rou
Shawyu_·2020-07-27 16:22

解决VUE-Router 同一页面第二次进入不刷新的问题

最近正好遇到一个问题，修改用户的头像，修改后再进入用户主页，发现改了之后即使数据变了。。页面也不会重新渲染。。。下面提供几种解决方案来给予大家参考：1.可以在刷新的页面定义一个参数,这样每次都会渲染出不同的页面：route实例化命名配置：{//用户信息path:'/accountDetail/:randKey',name:'accountDetail',component:accountDetai
·2020-07-27 16:54

解决vue-router 切换tab标签关闭时缓存问题

在router入口页面加上keepAlive:true//需要被缓存false则不需要{path:'fundProListG',component:resolve=>require(['@/pages/product/fundPros/fundTab/fundTab.vue'],resolve),title:'基金首页',redirect:'fundProListG/fundProListG',m
·2020-07-27 16:22

20200723——重构前端监控遇到的问题（一）

[remoterejected]master->master(pre-receivehookdeclined)解决eslint报错：标签属性最多只能同时拥有三个解决vue-router携带#的问题解决安装第三方模块失败的问题
Lyrelion·2020-07-27 16:31

vue前端框架面试问题汇总

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？1、active-class是哪个组件的属性？嵌套路由怎么定义？
HanYaLi39·2020-07-27 15:05

Vue路由总结

使用vue.js，我们可以通过组合组件来组成应用程序，当你把vue-router添加进来，我们需要做的是，将组件components映射到路由，然后告诉vue-router在哪里渲染他们，一个简单的例子
weishichuan4321·2020-07-27 13:06

Vue学习笔记第二天

vue-router、axiosvue-router、axios复习今日重点过滤器获取DOM元素mint-uiwappalyzervue-router命名路由参数router-link编程导航复习重定向和
superbeyone·2020-07-27 13:34

Vue完美记住滚动条和实现下拉加载

以前我尝试过很多方法：有vue-router自带的scrollBehavior，需要记住scrollTop，然后还原，但是管理这个scrollTop显得很麻烦，有的时候还不容易
hezhongfeng·2020-07-27 11:31

如何用Vue技术完美记住滚动条和实现下拉加载呢？本文详细教你

以前我尝试过很多方法：有vue-router自带的scrollBehavior，需要记住scrollTop，然后还原，但是管理这个scrollTop显得很麻烦，有的时候还不容易
程序员的人生A·2020-07-22 10:00

使用vue-router实现简单的面包屑功能

Vuebreadcrumbsbuildsontheofficialvue-routerpackagetoprovidesimplebreadcrumbs.ThispackageisbackwardscompatibletosupportbothVue1.xandVue2.x.Vue面包屑建立在官方Vue-Router
cuk5340·2020-07-20 23:58

前端面试题大全（vue、es6、html、css、js）

5、描述下自定义指令（你是怎么用自定义指令的）6、说一下vue中所有带\$的方法7、vue-router除了router-link，
illion-78·2020-07-19 17:34

Vue路由切换页面不更新问题解决方案

前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。
·2020-07-19 16:08

vue-router之解决addRoutes使用遇到的坑

最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。
·2020-07-19 16:34

Vue-router：路由嵌套及index.js 文件拆分

1.Vue-routerVue-router是为了配合Vue.js构建单页面应用而存在的，在使用方面，我们需要做的是，将组件映射到路由，然后告诉Vue-router在哪里渲染它们。
请叫我崔大师·2020-07-18 17:20

vue-router的addRoutes的刷新404和重复路由的终极解决方案

Vue后台管理项目经常有权限控制，不同角色使用不同权限，常用方法就是用addRoutes来动态添加路由，但有两个问题是官方文档上找不到解决方案的角色切换，addRoutes提示有重复的路由，无法删除之前角色的路由刷新页面，动态路由消失，提示404常用解决方案网上常用的解决方案角色切换的时候刷新页面，这样之前的路由就消失了，在正常页面刷新时，将路由信息储存到sessionStorage中，在rout
WenGuoLiang·2020-07-17 15:35

高级前端开发必会的30道Vue面试题和多种实战技巧

10、vue等单页面应用及其优缺点11、怎么定义vue-router的动态路由?怎么获取传过来的值12、wa
程序媛安安·2020-07-17 09:59

vue-router在IE下不跳转

发现最近做的vue项目中，在IE浏览器下，当router改变时，虽然页面中的URL改变了，但页面并没有跳转。查阅资料后找到如下解决方案，在App.vue文件中的mounted里面添加如下代码。functioncheckIE(){return'-ms-scroll-limit'indocument.documentElement.style&&'-ms-ime-align'indocument.do
李小苶·2020-07-16 05:09

vue-router原理

文章目录用hash、history实现单页面hashhistoryvue-router三种模式hash和history的区别vue-router的实现其他问题1、什么是单页应用，原理？
sayid760·2020-07-16 04:50

Vue-router: 实现纯前端多页面应用（Vuecli+Element UI）

1.简介1.1为什么要用Vue-router我想做一个带导航栏的简单web页面，页面的内容可以随导航栏的点击切换。
PaulXerxes·2020-07-16 03:19

vue2 vue-router a标签在IE下不跳转，跳转失效

问题：使用vue-router在IE下a标签里的路由不跳转，火狐，chrome工作正常。
lllo3o·2020-07-16 02:07

【Vue】Vue-Router源码分析

入口万变不离其宗，看源码先找入口，首先看vue-router的入口，定义在src/index中。vue-router是基于类(class)实现。
Jacano·2020-07-16 01:47

VUE SSR服务器端渲染NUXT采坑总结

save-dev路由管理在nuxt中路由已经被集成到框架中，所以不需要再单独引入配置，而且当页面文件创建后，router会生成响应的路由，路由文件在.nuxt/router.js文件，用法上基本不变，与vue-router
jx69693678nab·2020-07-16 01:37

【学习笔记】vue-router路由的两种实现机制

本文由浅入深观摩vue-router源码是如何通过hash与Historyinterface两种方式实现前端路由，介绍了相关原理，并对比了两种方式的优缺点与注意事项。
My-Lady·2020-07-15 23:03
上一页 86 87 88 89 90 91 92 93 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他