vue.js轮播图组件_Vue.js的轮播组件

vue.js轮播图组件

轮播 (vue-carousel)

Carousel component for Vue.js.

Vue.js的轮播组件。

View Demo 查看演示 Download Source 下载源

主要 (Main)

dist/
├── vue-carousel.js        (UMD)
├── vue-carousel.min.js    (UMD, compressed)
├── vue-carousel.common.js (CommonJS, default)
└── vue-carousel.esm.js    (ES Module)

入门 (Getting started)

安装 (Installation)

npm install @chenfengyuan/vue-carousel vue vue-template-compiler

In browser:

在浏览器中：

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-carousel.js"></script>

用法 (Usage)

import Vue from 'vue';
import VueCarousel from '@chenfengyuan/vue-carousel';

Vue.component(VueCarousel.name, VueCarousel);

<carousel :data="['Slide 1', 'Slide 2', 'Slide 3']"></carousel>

In browser:

在浏览器中：

<script>Vue.component(VueCarousel.name, VueCarousel);</script>

浏览器支持 (Browser support)

• Chrome (latest)

  镀Chrome(最新)

• Firefox (latest)

  Firefox(最新)

• Safari (latest)

  Safari(最新)

• Opera (latest)

  歌剧(最新)

• Edge (latest)

  边缘(最新)

• Internet Explorer 9+

  Internet Explorer 9+

翻译自: https://vuejsexamples.com/carousel-component-for-vue-js/

vue.js轮播图组件