vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。
对于路由，不同的路由跳转，vue会帮我们刷新路由，但是我今天要说的是，同一路由刷新我们的解决方法。
第一种是在组件内部通过watch方法来监听路由变化
例如
watch: {// 如果路由有变化，会再次执行该方法"$route": "getData"}
第二种官方文档中的方法beforeRouteLeave，和第一种一样也是咱组件内的一个钩子。
例如
beforeRouteLeave (to, from, next) {// 导航离开该组件的对应路由时调用// 可以访问组件实例 `this`}
第三种也是比较推荐的一种 KEY
key(){return this.$route.fullPath}
目录 一. 自定义指令 1.1.全局指令 1.2.局部指令 1.3.指令参数 二. Mixin混入 2.1.基本用法 2.2. 混入优先级 2.3.全局 Mix
原文网址：[Vue--Router--解决多路由复用同一组件页面不刷新问题\_IT利刃出鞘的博客-CSDN博客][Vue--Router--_IT_-CSDN] 简介
场景还原 当某个场景中vue-router从/post-page/a，跳转到/post-page/b。然后我们惊人的发现，页面跳转后数据竟然没更新？！原因是vue-route
复用的原则，将DOM的操作交给开发者，比如表头和表体，而封装只是将，样式和一些通用的方法进行封装。 目前想法是通过插槽进行实现，表格外框的内容是固定的，但是表头和表体是通
Vue实现组件的局部刷新 通过v-if Vue中我们不可避免的需要调用来自各个方面的组件：奇奇怪怪的组件增加了！ 这个时候有个问题：我从后端传来的数据给
> Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。 从维护视图到维护数据，Vue.js 让我们快速地开发应
路由参数变化但是页面没有刷新这是Vue的组件复用的默认处理方式 [文档][Link 1]里面写了 不想复用的话，就在父组件的router-view上加个key
组件复用 当前组件被复用（没有被销毁或者创建）的时候，路径会发生改变，但是，值不会发生改变 因为：created(){}接收值，但是created
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路
前言： 在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我
淡淡的烟草味﹌
淩亂°似流年
迷南。
还没有评论，来说两句吧...