为了组件间相互切换不会重复加载数据，影响用户体验，我们通常需要将组件的数组实现缓存。这也是vue组件优化的一个重要方法 首先看一下路由部分的写法： App.vue 组件写法 desc: 部分路由的缓存；如果想全部实现缓存可以直接用<keep-alive>< ...

1. 采用keep-alive实现缓存 2.activated， 初次进入会触发， 浏览器工具栏刷新不会触发，导致页面不刷新 beforeRouteEnter(to, from, next) { next((vm) => { vm.getList() }) } 　　 ...

为了能够在父子组件中实现双向控制，需要以下的步骤： 第一步：子组件中挖坑 （1）在需要父组件填充具体内容的地方挖坑，方式为 通过slot和name指定坑 第二步：父组件中填坑（具体内容） （1）引入子组件作为其中一个模块 在父组件的script中通过import引入 ...

　　路由元信息？（黑人问号脸？？？）是不是这么官方的解释很多人都会一脸懵？那么我们说meta，是不是很多人恍然大悟，因为在项目中用到或者看到过呢？ 　　是的，路由元信息就是我们定义路由时配置的meta字段；那么这个meta的作用是什么呢？ 　　首先看一个场景： 　　　　通常我们在开发 ...

一 .概述 先讲缓存实现，主要是mybatis一级缓存，二级缓存及缓存使用后续补充 Mybatis缓存的实现是基于Map的，从缓存里面读写数据是缓存模块的核心基础功能；除核心功能之外，有很多额外的附加功能，如：防止缓存击穿，添加缓存清空策略（fifo、lru）、序列化功能、日志能力、定时 ...

默认情况下，被切换的路由组件对象会死亡释放，再次回来时是重新创建的 如果可以缓存路由组件对象，可以提高用户体验 <keep-alive> 　　<router-view></router-view> </keep-alive> ...

记录一下： 都会缓存，那我们在特定的情况下强制刷新某些组件： 利用include、exclude属性 <keep-alive include="bookLists,bookLists"> <router-view></router-view> < ...

一.页面层级的组件刷新 1. 首先在路由中添加keepAlive:true 2.在vue组件<template>标签中添加v-if="$route.meta.keepAlive" 3.在需要刷新的组件中添加activated中添加需要 ...