keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：<keep-alive><component><!--该组件将被缓存！--></component></keep-alive>propsinclude-字符串...

导航守卫导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。（记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察$route对象来应对这些变化，或使用beforeRouteUpdate的组件内守卫。） 具体有哪些？router.be...

本文简单介绍下三种路由传参：（1）在路由中配置{path:‘/home/:id’,name:‘Dome’,component}然后写调用的时候this.$router.push({path:`/describle/${id}`})取值：$route.parms.id&nb...

router-link传参    【注意】1、使用params方式传参时，只支持name跳转；案例如下：    2、使用query传参，注意：两种都支持案例如下      &nbs...

首先简单来说明一下$router和$route的区别//$router:是路由操作对象，只写对象//$route:路由信息对象，只读对象 //操作路由跳转this.$router.push({name:'hello',params:{name:'word',age:'11'}})//读取路由参数接收this....

【一】分类导航守卫分为：全局守卫、路由独享守卫、组件守卫三种 【二】全局守卫指路由实例上直接操作的钩子函数，他的特点是所有路由配置的组件都会触发，直白点就是触发路由就会触发这些钩子函数，如下的写法。钩子函数按执行顺序包括beforeEach、beforeResolve（2.5+）、afterEach三个（以下...

【重点】　　history与hash路由的区别hash前端路由，无刷新history会去请求接口 vue-router 默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。如果不想要很丑的hash，我们可以用路由的 ...

除了使用 <router-link> 创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。  【语法】       ....

审查代码，查看激活类名   （1）设置激活类名样式　　  （2）也可以在路由文件里配置激活类名的别名　　  （3）配置别名后再次审查，如下所示　　 　　此时可以直接配置active类名样式即可　　此时便可以实现路由高亮效果 &nb...

【步骤】（1）路由配置或者（2）传递参数或者（3）接收传递参数或者   【二】步骤小结     【三】参数形式（1）上面这种是/100形式传递过去（2）另外还有?count=100的格式，这便是get传值，如下所示，看【四】 &n...

（1）公共路由裁减　　不是每个页面都存在导航，所以不要把导航组件在根组件APP.vue里引入，哪个页面需要，在哪里引入即可。　　方案：哪个页面需要，在哪个页面引入即可 （2）嵌套路由　　注意：children下的path无需/，它会自动补全匹配　　　　  　　接下来在相应页面渲染二级嵌套路...

【一】步骤（1）新建导航组件 （2）根组件引入 （3）也可以动态传递url      【注意】（1）a链接与router-link对比 （2）其他写法      ....

三种，第一种：是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子第三种：单独路由独享组件      ....

（1）概念：  路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。Home按钮 =>home内容，about按钮=>about内容，也可以说是一种映射.所以在页面上有两个部分，...

一、介绍  vue.js是目前最火的前端框架，vue.js兼具angular.js和react.js的优点，并剔除它们的缺点。并且提供了很多的周边配套工具如vue-router、vue-resource、vuex等等  通过他们我们可以很轻松的构建一个大型单页应用。目前Vue版本...