vue轮播插件_伟大的Siema轮播的Vue 2插件包装

vue轮播插件

vue2-siema (vue2-siema)

A wrapper for the siema javascript library.

siema javascript库的包装。

View demo 查看演示 Download Source 下载源

安装 (Installation)

npm install --save vue2-siema

or

要么

yarn add vue2-siema

用捆绑器导入 (import with bundler)

import Vue from 'vue'
import Siema from 'vue2-siema'

Vue.use(Siema)

纳克斯特 (Nuxt)

In nuxt.config.js

在nuxt.config.js中

plugins: [
  {
    src: '~/plugins/vue2-siema.js',
    ssr: false
  }
]

In plugins/vue2-siema.js

在plugins / vue2-siema.js中

import Vue from 'vue'
import Siema from 'vue2-siema'

Vue.use(Siema)

Wrap in no-ssr

包装成单反

<no-ssr>
  <siema class...></siem>
</no-ssr>

A full Nuxt demo

完整的Nuxt演示

纯色 (Plain vue)

<script type="text/javascript" src="//unpkg.com/vue"></script>
  <script src='siema.min.js'></script>
  <script src='vue2-siema.min.js'></script>

<script type="text/javascript">
     Vue.use(Siema)
     new Vue({...})
 </script>

翻译自: https://vuejsexamples.com/a-vue-2-plugin-wrapper-for-the-great-siema-carousel/

vue轮播插件