不设置keep-alive，离开当前路由时，会调用beforeDestroy和destroyed来销毁。当设置keep-alive之后，不会直接调用这组销毁生命周期函数，而是在生命周期函数中新增两个：activated和deactivated。第一次进入页面时，生命周期函数执行简单来说是这样的：当退出时，会触发deactivated()函数；当再次进入该页面时，只会执行activated()函数。

一、概述Sortable.js是一款优秀的js拖拽库，支持IE9及以上版本IE浏览器和现代浏览器，也可以运行在移动触摸设备中，不依赖jQuery，支持AngularJS、React、Vue框架和任何CSS库，如bootstrap、elementUI，可以用来拖拽div、table等元素。二、安装插件npm i -S vuedraggablevuedraggable依赖Sortable.js，我们可

现象：一进入页面可以在mounted中获取到vuex中的数据，mounted() {console.log('???? ~ this.$store.state.user.companyId', this.$store.state.user.companyId);}但是刷新页面后就获取不到了。解释：刷新页面vue实例重新加载，store被重新赋值，要想存储数据就必须存储在外部。解决思路：在用户登录之

不设置keep-alive，离开当前路由时，会调用beforeDestroy和destroyed来销毁。当设置keep-alive之后，不会直接调用这组销毁生命周期函数，而是在生命周期函数中新增两个：activated和deactivated。第一次进入页面时，生命周期函数执行简单来说是这样的：当退出时，会触发deactivated()函数；当再次进入该页面时，只会执行activated()函数。

正常情况下报错this.$refs[xxx].validate is not a function可能我们使用nextTick 延迟加载去解决，如若使用了nextTick依旧报错当使用this.$refs[xxx].validate 的时候，如果是xxx为一个变量传进来的，如下这种情况下，是不需要加[0]的这种情况下必须是this. $refs[xxx][0]否则会如标题的报错...