未搞懂的问题

1.vue keep-alive 直接包裹一个component， 当第一次显示该组件时会调用create ....activated,当路由切换，该组件不显示时，调用了deactivated，当返回时，却又调用了created，mounted等，

但是用keep-alive 包裹一个trouter-view时，第一次展示调用 created,avtivated等，返回时只调用 activated,

这是为啥. -----因为父组件没有keep-alive 子组件keep-alive 没个鸟用

2.为啥路由切换，组件的destoryed不调用 -- 是 destroy

3.

<div v-if="show">
<keep-alive>
<f></f>
</keep-alive>
</div>
<div v-if="!show">
<keep-alive>
<d ></d>
</keep-alive>
</div>

这种 d,f,会缓存，但是 <div v-if="show">
<keep-alive>
<f></f>
</keep-alive>
</div>这样F不会缓存

这种D也不会被缓存

<keep-alive>
<div v-if="!show">

<d ></d>

</div>
</keep-alive>

4.webpack 4 加对应的webpack-dev-server 3热更新会很慢  同样的配置使用webpack3+webpack-dev-server2 会快很多 为什么呢