3、vue如何配置路由 、获取路由的参数、部分刷新页面、缓存页面

 

 

一、路由配置：全部的启动文件都在最初始的main.js文件里面，这个文件中首先须要引入：

二、路由文件配置说明：

三、如何获取页面url的参数？

this.$route.query

四、页面之间之间的跳转？

五、返回历史记录页面

六、在项目中遇到的问题：

• 如何作到页面的部分刷新，若是作到部分页面进入的时候须要刷新，部分页面须要缓存？

              首选须要了解keep-alive,在路由配置中增长以下代码：

{
    "path": "/test",
    "component": "test",
    "name": "test",
    "meta": {
        keepAlive: true // 须要被缓存
    }
}

         而后在app.vue里面：

 <div>
        <keep-alive>
          <router-view v-if="$route.meta.keepAlive">
            <!-- 这里是会被缓存的视图组件！ -->
          </router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive">
          <!-- 这里是不被缓存的视图组件！ -->
        </router-view>
  </div>

新的问题：

这样在相应的页面就能够作的自由缓存信息，可是如今又有一个问题：有的页面须要部分模块刷新，其余地方任然缓存信息，好比有编辑地址的页面，收件人信息须要点击编辑按钮进入编辑页面进行更改而后同步到此页面，而此页面的其余信息都保持页面缓存不变，如何作到这一点呢？

解决办法：

在须要部分刷新的页面，将须要刷新的数据写在activated中，页面会实现自动刷新，以下图所示：