对于Vue内部来说,不管是根组件还是子组件,都存在this.$router和this.$route两个属性,它们的区别如下: $router 指向当前的VueRouter实例,也就是new Vue({router:router})这里传入的router实例对象,可以使用上一节里列出的VueRoute ...
分类:
其他好文 时间:
2020-03-12 10:03:08
阅读次数:
162
一、导航解析流程 1 导航被触发 2 在失活的组件里调用离开守卫beforeRouteLeave(to,from,next) 3 调用全局前置守卫 beforeEach(to,from,next) 4 在复用的组件里调用beoreRouteUpdate(to,from,next) 5 在路由配置里调 ...
分类:
其他好文 时间:
2020-03-11 01:22:55
阅读次数:
276
理解 随着前端业务的发展, 我们一般在写一个较为大型的 项目时候,会使用到 ,来根据指定的 或者 来进行内容的分发,可以达到不像服务端发送请求,就完成页面内容的切换,能够减少像服务器发送的请求,让用户进行页面跳转时候能够更快,体验更好 疑问 在初学 的时候,一般人都会有一个印象, 以及 都是 原生自 ...
分类:
其他好文 时间:
2020-03-09 18:08:34
阅读次数:
56
import Vue from 'vue' import Router from 'vue-router' import Login from './components/Login.vue' import Home from './components/Home.vue' import Welco ...
分类:
其他好文 时间:
2020-03-06 15:39:18
阅读次数:
134
//vue2.x写法 new Vue({ router, render: h => h(App) }).$mount("#app"); //或者 new Vue({ el: '#app', router, render: h => h(App) }); //也可以先得到Virtual DOM,再挂载 ...
分类:
其他好文 时间:
2020-03-06 15:35:16
阅读次数:
346
Vue.js 认识 Vue(读音 /vju?/,类似于?view) Vue是一个渐进式JavaScript 框架 Vue全家桶: Core+Vue router+Vuex Vue有很多特点和Web开发中常见的高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 框架和库的区别 ...
分类:
其他好文 时间:
2020-03-04 12:40:03
阅读次数:
68
Vue-Router是Vue的官方路由器,它和Vue的核心深度集成,让构建单页面应用变得亦如反掌。 阅读VueRouter的源码需要深刻理解Vue才能完全理解,因为它里面很多概念用到了Vue,相比较vuex、axios,我认为Vue-Router的源码比较晦涩,难以理解,原因如下: Router-v ...
分类:
其他好文 时间:
2020-03-03 12:56:30
阅读次数:
59
params 和 query 实际上用法是相似的,parmas 常用于动态路由的传值,而query是通过 ? 把参数拼接到路由上跟 GIT 请求同理 params 用法 this.$router.push({ name: "xx", //路由名称 params: { // xxx 参数 } }); ...
分类:
其他好文 时间:
2020-03-02 14:52:42
阅读次数:
74
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题,引导思考。带着问题来继续学习,效果更好。第3章 Vue 使用Vue 是前端面试必考内容,首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ,这些部分的 ...
分类:
Web程序 时间:
2020-03-02 00:52:38
阅读次数:
962
1、构建选项 (1)routes (2)mode,配置路由模式 (3)base,应用的基路径 (4)linkActiveClass,默认的激活的class (5)linkExactActiveClass,默认的精确激活的class (6)scrollBehavior 2、实例属性 (1)router ...
分类:
其他好文 时间:
2020-02-24 16:47:30
阅读次数:
55