1.src中创建 common 再创建 gallery。然后gallery.vue
2.build 中webpack.base.conf 中配置更短路径
module.exports {}中
resolve "common": resolve(‘src/common‘)
3.其他组件引用这个组件
4.编译这个组件内容
overflow：inherit //规定应该从父元素继承 overflow 属性的值。
props: { imgs: { type: Array, default () { return //如果没有传进来 可以用默认值 } } },
5.组件引用swiper 然后引用的组件 使用v-show ，一开始是 false
再次显示 swiper计算宽度会有问题
observeParents： true， observer：true， //我这swiper插件 只要监听到这个元素或者父级元素 这要监听到dom结构变化 就刷新。就能解决宽度计算问题
原文：https://www.cnblogs.com/-constructor/p/12316388.html