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

CSS属性touch-action用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作(比如浏览器自带的划动，缩放等)默认情况下，平移(滚动)和缩放手势由浏览器专门处理。该属性用于取消浏览器默认手势行为，开发人员自定义滚动和手势行为。touch-action的值：auto:当触控事件发送在元素上时，由浏览器来决...

导航守卫导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。（记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察$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）其他写法      ....

先分析下生命周期beforecreated：el和data并未初始化created:完成了data数据的初始化，el没有beforeMount：完成了el和data初始化mounted：完成挂载 （1）mounted　　很多人跟我说初始化放在Mounted里面，我问她(他)们为什么？她(他)们回答说因为这个时...

报错：vue报这个错[Intervention]Ignoredattempttocancelatouchmoveeventwithcancelable=false,forexamplebecausescrollingisinprogressandcannotbeinterrupted方案1：使用css3touch-ac...