随笔分类 -  vue-router

vue-router 基础知识点总结
摘要:功能 vue-router实现vue的单页面应用,vue的官方路由器,与vue核心深度集成,使vue构建单页面程序变得轻而易举 嵌套路由/视图映射模块化,基于组件的路由器配置路由参数,查询,通配符查看由vue过渡系统提供动力的过渡效果细粒度的导航控制与自动活动css类的链接HTML5历史纪录模式或哈 阅读全文
posted @ 2020-05-28 16:56 半夏微澜ぺ 阅读(598) 评论(0) 推荐(0) 编辑
vue -- router路由跳转错误 , NavigationDuplicated
摘要:vue-router ≥3.0版本回调形式以及改成promise api的形式了,返回的是一个promise,如果路由地址跳转相同, 且没有捕获到错误,控制台始终会出现如图所示的警告 (注:3.0以下版本则不会出现以下警告!!!,因路由回调问题…) 方案一:安装vue-router3.0以下版本:先 阅读全文
posted @ 2019-09-23 10:18 半夏微澜ぺ 阅读(6073) 评论(0) 推荐(0) 编辑
路由懒加载
摘要:在打包构建的应用时,js包会变得特别大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件, 这样就更加高效了。 结合Vue的异步组件和webpack的代码分割功能,轻松实现由路由的懒加载。 1 可以将异步组件定义为返回一个Promise的工厂函数 阅读全文
posted @ 2019-02-26 16:56 半夏微澜ぺ 阅读(334) 评论(0) 推荐(0) 编辑
vue-router 安装
摘要:如果在一个模块化工程中使用它,需要通过Vue.use() 明确的安装路由功能,如果使用全局的script标签,则不需要手动安装。 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含的功能: 嵌入的路由/视图表 模块化的、基于组件的路 阅读全文
posted @ 2019-02-26 16:38 半夏微澜ぺ 阅读(372) 评论(0) 推荐(0) 编辑
vue-router基本使用
摘要:路由中有三个概念 route routes router route 它是一条路由,是单数,home按钮=》home内容,这是一条路由,about按钮=》about内容,这是另一条路由。 routes 是一组路由,把上面的(route)每一条路由组合起来,形成一个数组。 router 是一个机制,相 阅读全文
posted @ 2019-01-18 15:07 半夏微澜ぺ 阅读(159) 评论(0) 推荐(0) 编辑
vue-router 基本知识点
摘要:vue-router就是将组件映射到路由,然后告诉vue-router在哪里渲染它们。 默认路由出口 <router-view></router-view> 使用router-link 组件来导航 通过传入 ‘to’ 属性指定链接 <router-link> 默认会被渲染成一个 `<a>` 标签 动 阅读全文
posted @ 2017-09-14 10:20 半夏微澜ぺ 阅读(802) 评论(0) 推荐(0) 编辑