vuejs2 - 如何在 vue2.js 中初始化 flickity？

Question

我正在使用 flickity，但它没有初始化，我必须在 google chrome 控制台中手动完成。

索引.html

<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js" defer></script>

页面.vue

<div class="carousel" data-flickity='{ "autoPlay": true }'>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
</div>

已经以这种方式在 index.html 中手动尝试

$('.carousel').flickity();