part9 公用图片画廊组件拆分

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结构变化 就刷新。就能解决宽度计算问题