Vue Mint UI mt-swipe的使用方式

-S表示 --save

import Mint from ‘mint-ui';
import ‘mint-ui/lib/style.css'
Vue.use(Mint);

import { Swipe, SwipeItem } from ‘mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);

<mt-swipe :auto="4000" @change="IMGChange" > 
//auto轮播时间  //轮播图切换时会触发 change 事件，参数为切入轮播图的索引  
//speed 动画持时（毫秒）  
  <mt-swipe-item v-for="item in bannerArr" :key="item.id">
     <img :src="item.img_url" alt="">
  </mt-swipe-item>
</mt-swipe>
IMGChange(index){  //参数为当前轮播图的索引 
	console.log(index)
}

{
  "presets": [
    ["es2015", { "modules": false }]
  ],
  "plugins": [["component", [
    {
      "libraryName": "mint-ui",
      "style": true
    }
  ]]]
}

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", 
      "transform-runtime",
      ["component", [
        {
          "libraryName": "mint-ui",
          "style": true
        }
    ]]
  ]
}

Vue.component(Button.name, Button)
Vue.component(Cell.name, Cell)
/* 或写为
 * Vue.use(Button)
 * Vue.use(Cell)
 */

v-on:click.native="showSelect()"

import { Indicator } from 'mint-ui'

Vue.prototype.$Indicator = Indicator

this.$Indicator.open({
	text: 'Loading...',
	spinnerType: 'fading-circle'
});