[vue] vue怎么缓存当前的组件？缓存后怎么更新？
keep-alive
通过actived钩子

个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，

但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题

[vue] 怎么缓存当前打开的路由组件，缓存后想更新当前组件怎么办呢？
可以在路由meta中加入参数, 对打开的路由进行keep-alive的判断, 通过钩子active等

个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，

但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题

什么是keep-alive？

1.keep-alive其实是vue.js自带的内置组件，它会缓存页面以及缓存当前页面的数据状态，不是销毁这个组件。不会被渲染到真是DOM中也不会出现在父组件中，总的来说就是当你跳转其他页面时，在返回你跳转之前的页面时写的内容数据还在。

keep-alivena怎么使用？

它自带两个属性：include和exclude
1.include属性就是把要缓存的组件名称放到里面，然后vue就会自动缓存
代码如下：


<div>
    <keep-alive include="要缓存的组件名称">
        <router-view></router-view>  // 子路由显示
    </keep-alive>
</div>



2.exclude属性恰恰相反，它是你填写的组件不会缓存，其余组件都会被缓存
代码如下：


<div>
    <keep-alive include="不想被缓存缓存的组件名称">
        <router-view></router-view>  // 子路由显示
    </keep-alive>
</div>

vue与jquery相比，最大的变化就是大大减少了节点的操作，组件化更是好用到不行。往日都是用jquery做tab选项卡，今天有多余的时间，就顺便拿起了接触不多的vue来研究一下。
一说到选项卡，了解vue的人都会想到，用组件的切换来实现。
大概思路就是：
用 :is=“”来动态渲染组件
具体操作：
html
js
JS代码中，首先要把你需要切换的组件全部引入进来(这个方法我个人觉得可能有点浪费资源，但目前还没有找到更便捷的方法)，这个currentView是一个变量，为了初始化页面的时候默认渲染一个组件，这里给初始值可以是你想要初始化页面就显示的组件名字。
function
在methods里面写点击事件，这里要解释的就是，当你点击li的时候传参aa，把li的下标(index)传进来，新建一个数组，把要切换的组件名添加进去，成为一个新数组，这里把currentView替换成数组对应下标的一个元素，这一步其实就是让currentView数组的下标和li的下标相对应。
到此为止已经可以实现tab最基本的切换功能，更多特效可以自行添加。
注：这里有可能会出现报错，具体原因我也不太清楚，但是加上keep-alive标签包裹一下组件就行了