VueRouter

Vue躬行记（8）——Vue Router

虽然Vue.js未提供路由功能，但是官方推出了VueRouter（即vue-router库），以插件的形式支持。
咖啡机（K.F.J）·2019-11-18 09:00

VueRouter爬坑第一篇-简单实践

VueRouter系列的文章示例编写时，项目是使用vue-cli脚手架搭建。项目搭建的步骤和项目目录专门写了一篇文章：点击这里进行传送后续VueRouter系列的文章的示例编写均基于该项目环境。
小土豆biubiubiu·2019-11-16 11:00

VUE-Router

1.安装：npminstall--savevue-router2.编写代码1.引入importVueRouterfrom"vue-router"Vue.use(VueRouter)2.创建Routerconstrouter
186的大灰灰·2019-11-07 22:32

Vue 全家桶学习笔记 —— Vue Router 的基础使用

想要使用Vue来制作一个单页面应用，那么久不得不使用两个Vue官方提供的两个工具（当然你也可以不使用）——一个是页面路由工具VueRouter，另一个是状态管理工具Vuex。
次人君在野原之森网络工作室·2019-11-07 10:52

vuejs总结

1.vue+vueRouter执行顺序（按书写顺依次执行）exportdefault({created(){},//初始化beforeCompile(){},//编译前compiled(){},//编译完成
af7f15573e1e·2019-11-06 09:39

Vue 笔记三：Vue2.0与1.0的区别

从Vue1.x迁移从VueRouter0.7.x迁移从Vuex0.6.x迁移到1.0命名方式的不同参考聊聊Vue组件命名那些事，Vue的关
brandonxiang·2019-11-06 01:22

Vue路由的配置 -DAY3

https://router.vuejs.org/1、安装npminstallvue-router--save/cnpminstallvue-router--save2、引入并使用路由Vue.use(VueRouter
江川哇·2019-11-05 17:10

Vue 兼容 ie9 的全面解决方案

经过测试，Vue的核心框架vuejs本身，以及生态的官方核心插件（VueRouter、Vuex等）均可以在ie9上正常使用。
Terry05·2019-11-04 23:12

vue H5技术选择

调试工具npminstall-gbrowser-syncvue-devtoolVue生态系统vuerouter构建单页面应用的官方路由插件npminstallvue-routervuex状态管理模式npminstallvuexwebpack
coolheadedY·2019-11-04 12:48

vue 路由的基本配置

路由如果需要使用vuerouter驱动单页面应用，那就App.vue添加标签router.js中配置路由信息，main.js中引入router.js并绑定到vue实例。
yfmei·2019-11-01 18:34

Vue 使用beforeEach实现登录状态检查功能

使用VueRouter的beforeEach钩子函数，可以实现导航跳转前检查登录状态的需求。
北海之灵·2019-10-31 14:25

学习网站资源

Flex:Flex布局教程*[VueApollo](https://github.com/Akryum/vue-apollo)*[GraphQL](http://graphql.org/learn/)*[VueRouter
info_gu·2019-10-31 13:17

使用vue-cli编写外卖app【骨架开发】

viewport在app中编写三个子组件代表三个主区块：header/tab/contentVue-router安装npminstallvue-router--save基本配置【main.js】Vue.use(VueRouter
mytac·2019-10-30 23:16

Vue+VueRouter+Nginx+CDN 项目优化实际总结

使用场景：目前这个项目要嵌入到APP中使用，项目用到router、vuex、axios等目前现状：首次加载非常缓慢，等待时间超过8秒钟我们目的：减少包体积、减少http请求次数，同时保证代码可用性、维护性、不变动业务代码路由按需加载webpack默认将所有js源代码打包成一个js文件，导致JS包会变得非常大，影响页面首次加载速度按需加载能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时
羊先生·2019-10-30 05:15

Vue-Router路由

cnpminstallvue-router--save2、引入vue-router并注册路由（以下步骤都在main.js里面）importVueRouterfrom'vue-router'Vue.use(VueRouter
心灵最深处·2019-10-24 17:19

webpack--vue-router

cnpminstallvue-router-S如果在一个模块化工程中使用它，必须通过Vue.use()明确安装路由功能：importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
1220x·2019-10-21 17:00

从零开始的vue学习笔记（八）

前言今天花一天时间阅读完VueRouter的官方文档的基础部分，简单的做一下总结和记录VueRouter是什么VueRouter是Vue.js官方的路由管理器，用于构建单页应用(SPA)。
西街二叔·2019-10-18 11:00

路由的简单使用

首页分类3.路由js文件的配置(1).如果使用模块化机制编程，导入Vue和VueRouter，要调用Vue.use(VueRouter)。
灰灰_82a6·2019-10-17 18:50

极客时间-vue开发实战学习（ant-design vue作者）

vue基础属性事件插槽指令（Directives）生命周期底层原理vue生态路由管理器vueRouter状态管理器vuex同构Nuxtvue实战实战项目-ant-desingprovue的开发、测试、打包构建
西街二叔·2019-10-12 17:00

在webpack中使用vue-router及路有嵌套

cnpmivue-router-S如果在模块化工程中，使用它，必须要通过Vue.use()明确地安装路由功能importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
小恶魔O·2019-10-12 16:39

稍微学一下 VueRouter 原理

vue.jpg博客原文两种路由模式的基本原理用过vue-router就知道它提供了两种模式，hash和history，通过Router构建选项mode可进行配置。简单理解SPA中的前端路由就是：利用一些现有的API实现url的改变，但不触发浏览器主动加载新的url，新的页面展示逻辑全部交给js控制；给history中添加记录，以实现页面的后退前进；前端路由下面通过两个例子了解一下这两种路由最基本的
ST_Pace·2019-10-11 10:09

一个月学会使用Vue开源框架eladmin

主要还是说一下我是如何使用eladmin这一个开源框架的，框架中使用了Vue、VueRouter、axios、VueX、js-cookie、elementUi以及i18n等，VueRouter主要是控制前端的路由
No丶不Yes·2019-10-10 09:46

Vue 组件之间通过路由传参

在组件中可以通过路由进行跳转，在跳转的同时可以传递一些参数更多精彩更多技术博客，请移步IT人才终生实训与职业进阶平台-实训在线官方提供的解决方案路由组件传参|VueRouter上述链接就是官方对于路由组件传参的解决方案
asing1elife·2019-10-07 17:28

Vue--路由的基本使用（组件之间的跳转）new VueRouter---配置path和子组件---跳转路径带#---显示区域用

Document.router-link-active,.myactive{color:red;font-weight:800;font-style:italic;font-size:80px;text-decoration:underline;background-color:green;}.v-enter,.v-leave-to{opacity:0;transform:translateX(1
小白咚·2019-10-02 11:00

2019 前端面试题总结 及 答案

一）vuerouter跳转方式1.this.$router.push()跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。this.
九九儿·2019-09-29 18:00

Vue访问端口，url自动补#

importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({mode:'history'//把Router的mode修改为history模式,VueRouter
leant·2019-09-28 14:24

通过 Laravel 创建一个 Vue 单页面应用（二）

如果你没有学习第一部分，我们通过VueRouter和Laravel后端组建的Vue单页应用（SPA）。如果你想继续跟着学习的话，你应该先去完整地学习一下第一部分！保持服务端数据简单，我们的API将返
Charlie_Jade·2019-09-27 12:25

Vuejs实战项目四：权限校验

/permission'/***权限校验：*VueRouter中的前置钩子函数beforeEach(to,from,next)*当进行路由跳转之前，进行
flypig6·2019-09-26 17:00

vue知识点整理

2、嵌套路由怎么定义在vueRouter的参
小梅酱·2019-09-26 10:00

小发现之浅谈location.search与location.hash的问题

背景用过VueRouter的童鞋应该对路由传参的方式多多少少有些印象，VueRouter支持两种传参方式：query与params；其中query方式就是动态地在路由url后面追加参数，就是http的get
·2019-09-24 15:16

VueRouter导航守卫用法详解

简介主要用来通过跳转或取消的方式守卫导航。例如判断登录信息：没登录全部跳到登录页。判断必要操作是否进行没进行的话中断跳转。分为三大类：全局守卫、路由守卫、组件守卫全局守卫beforeEachbeforeResolveafterEach路由守卫beforeEnter组件守卫beforeRouteEnter//在渲染该组件的对应路由被confirm前调用//不！能！获取组件实例`this`//因为当守
·2019-09-22 16:40

Vue路由（vue-router）详细讲解指南

中文文档：https://router.vuejs.org/zh/VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
有梦想的咸鱼前端·2019-09-21 14:00

vue-router精简demo

cnpminstallvue-router--save-dev或者cnpminstallvue-router--save全局引用VueRouterimportVueRouterfrom'vue-router'Vue.use(VueRouter
whyaza·2019-09-20 15:00

解决vue在控制台的 NavigationDuplicated 报错

解决vue在控制台的NavigationDuplicated报错复现vuerouter升级到3.1.x后，重复点击导航时（连续点击相同路由链接）控制台出现报错{_name:"NavigationDuplicated
红尘码农·2019-09-19 11:27

VueRouter04 路由懒加载

路由懒加载路由懒加载解决的是一次加载的JS包过大的问题，将整个的JS包按照不同的路由对应的组件分割成为不同的代码块，路由访问的时候再加载对应的组件这样的好处就是首次加载时的速度很加快，但是路由切换的过程，由于组件本身也需要通过网络请求获取，所以性能会降低实现需要借助Vue的异步组件和Webpack的代码分割功能实践（1）配置Babel如果使用了Babel，需要安装syntax-dynamic-im
多拉斯基·2019-09-18 19:50

VueRouter03 提高

路由元信息routes中配置的每个路由对象是一条路由记录，路由记录中有一个meta字段，可以向这个字段中添加一些自定义的属性，可以在定义路由的时候配置meat字段：constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{path:'bar',component:Bar,//ametafieldmeta:{req
多拉斯基·2019-09-18 19:35

VueRouter02 导航守卫

vue-router提供了导航守卫，在路由跳转过程中来对导航进行处理，导航氛围三个级别：全局的、单个路由独享的、组件级的。动态参数或者参数参数的改变并不会触发进入/离开的守卫，可以watch监听$route对象或者在beforeRouteUpdate函数中进行处理全局守卫（1）全局前置守卫router.beforeEach注册全局前置守卫：constrouter=newVueRouter({...
多拉斯基·2019-09-18 19:55

VueRouter01 基础

npminstallvue-router加载需要使用Vue.use()明确的安装路由//main.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
多拉斯基·2019-09-18 19:57

前端自动化测试（四）

1.测试时使用VueRouter1.1存根在你的组件中引用了全局组件router-link或者router-view组件时，我们使用shallowMount来渲染时会提示无法找到这两个组件，我们可以使用存根的方式
前端优选·2019-09-12 00:00

Vue Router路由的跳转及参数传递

VueRouter路由的跳转与参数传递1.声明式router-link2.编程式this.$router.push3.编程式this.$router.replace4.this.
hui_style·2019-09-07 14:35

vue面试题

前端开发工程师老是问vue知识，所以在这里整理了一下VueJs面试题一、对于Vue了解多少，什么是Vuex，VueRoutervuex为状态管理，它集中存储管理应用的所有组件的状态，可以理解成一个全局仓库VueRouter
张大腻歪·2019-09-03 00:00

正确姿势开发vue后台管理系统

前言相信许多人和我一样刚接触vue时看文档都很枯燥，看完vue，还有vueRouter、vuex、vue-cli、es6(学不动了。。。)
可乐程序员·2019-09-01 14:53

vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

vuerouter报错：Uncaught(inpromise)NavigationDuplicated{_name:""NavigationDuplicated"...的解决方法最近在项目中，发现点击路由跳转相同地址会有这个报错
凌康233·2019-08-22 16:04

Vue Router 学习及demo

VueRouter：router的api：https://router.vuejs.org/zh/api/路由管理器，功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js
丿OATH·2019-08-21 08:49

router原理

https://juejin.im/post/5b5697675188251b11097464VueRouter是Vue.js官方的路由管理器。
逆风飘游的鱼·2019-08-19 09:33

Vue Router 基础

安装npminstallvue-routerimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)VueRouter是Vue.js
Sun____·2019-08-15 13:22

Vue Route使用记录

VueRouter声明式路由导航配置菜单路由配置场景描述：importHeaderHtmlfrom'..
FishBones·2019-08-08 10:25

在有 Vue Router 的项目中如何在 Object 原型上增加方法

现象在有VueRouter的项目开发过程中，在Object.prototype上挂自定义方法，会发现它的函数体内容会被拼接到url参数里。
Dobility·2019-08-01 18:06

在有 Vue Router 的项目中如何在 Object 原型上增加方法

现象在有VueRouter的项目开发过程中，在Object.prototype上挂自定义方法，会发现它的函数体内容会被拼接到url参数里。
Dobility·2019-08-01 18:06

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

分享给大家供大家参考，具体如下：VueRouter是Vue官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
王永存·2019-08-01 12:58
上一页 32 33 34 35 36 37 38 39 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他