vue 补充一些东西

1【移动端元素按比例缩放】用Padding-buttom撑开高度

解决核心思想为：提供一个容器，设置容器的高度为0，再设置padding-bottom为56.25%（需要自适应的元素高度除以宽度*100%）（因为padding的百分比是按照容器宽度计算的，所以由padding来撑开容器高度，而不是height，保证了容器的宽高比例）

.img_wrap
   height:0;
   padding-bottom:26%;
   overflow:hidden
   background #ccc
   & img 
       width:100%   

2 vue css >>> /deep/ 穿透

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。

 实际组件外层class >>> 第三方组件或者引用组件的class {
      样式
  }
.wrap >>> .test
    color red

3 keep-alive 对应的缓存问题

两个事件中 activated 和 unactived 中解绑全局事件

递归组件
name调用自己 组建的name
取消缓存用到name
浏览器的调试工具也使用的是这个name

动画组件+slot

合理使用异步组件 只有app.js变得特别大的时候，才对其进行拆分 至少超过1mb 发一个http请求的代价大于