Vue2.5 学习笔记9.2 轮播图预览样式

新建一个预览图片的组件：

因为有可能在其他页面上会用到，所以做成一个独立的组件供调用

为了调用方便，省的些那么长路径 build/webpack.base.conf.js中设置好别名

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'styles': resolve('src/assets/style'),
      'common': resolve('src/common'),
    }
  },

然后去Bannervue中导入该组件

组件导入完成了，剩下就是写组件的样式了。

去Gallary.vue中写相应的内容：

最后完善下Banner.vue中与Gallary.vue的交互的一些代码

完结 撒花

明天继续学