vue-awesome-swiper 动态指示点

你可以通过设置`pagination`属性来实现vue-awesome-swiper的动态指示点。具体的步骤如下：

1. 首先，确保你已经安装了vue-awesome-swiper插件。你可以使用以下命令进行安装：

npm install vue-awesome-swiper --save-dev

2. 在你的Vue组件中引入vue-awesome-swiper插件：

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

Vue.use(VueAwesomeSwiper)

3. 在你的Vue组件中使用vue-awesome-swiper，并设置`pagination`属性为`true`：

<template>
  <div>
    <swiper :options="swiperOptions">
      <swiper-slide>Slide 1</swiper-slide>
      <swiper-slide>Slide 2</swiper-slide>
      <swiper-slide>Slide 3</swiper-slide>
    </swiper>
  </div>
</template>

<script>
export default {
  data() {
    return {
      swiperOptions: {
        pagination: {
          el: '.swiper-pagination',
          clickable: true
        }
      }
    }
  }
}
</script>

4. 在你的Vue组件的样式中添加指示点的样式：

.swiper-pagination-bullet {
  background-color: #000;
}
.swiper-pagination-bullet-active {
  background-color: #fff;
}

这样，你就可以实现vue-awesome-swiper的动态指示点了。