modal组件部分实现+懒加载
一.把modal组件（放入component文件夹中）引入到index组件中
二.modal组件层次
1》modal父级容器
2》mask制造层
3》modal-dialog弹框
4》modal-header modal-body modal-footer弹框的头，中心内容和底部
三modal样式
在index.vue中，
引入modal组件，内容放入插槽中：
四.传值
1》父传子：
index组件：引用modal组件
modal组件： props接收父亲组件index传来的值
2》子传父：
modal：用$emit自定义submit函数，用父传来的btntype的值判断显示什么按钮，并子传父，自定义函数
index：
五.弹出modal组件和弹入动画的实现：
vue进入/离开列表过渡
1》把整个组件内容用transition包含，并赋予name
在上述超链接中
v就是name：
我们进行过渡样式设置，在modal.scss中
要注意这三个过渡的顺序，要不然功能效果实现不全
-----------------------------------------------------------------------------------------------------
懒加载：性能优化，目的提高加载速度，提升用户体验，减少带宽
首先下载vue-lazyload插件
main.js中：
loading代表以什么形式进行懒加载，svg是矢量图，不会失真
具体使用：
可以省略src