VUX的使用方法（以彈出框為例）

一、安裝

cnpm install vux --save

cnpm install vux-loader --save-dev

二、配置

　const vuxLoader = require('vux-loader')

const webpackConfig = { 
    ...
}
module.exports = vuxLoader.merge(webpackConfig, {
  options: {},
  plugins: [{
    name: 'vux-ui'
  }]
})

三、調用

import { AlertPlugin } from 'vux'
Vue.use(AlertPlugin)

四、使用

this.$vux.alert.show({
   title: '溫馨提示',
   content: '此桌已被預定！',
   buttonText: '好的',
   hideOnBlur: true,
   maskZIndex: 100
})

提示標題為圖片：

that.$vux.alert.show({
   content: `您預約的訂單已經成功取消，歡迎您再次預定！`,
   buttonText: '好的',
   maskZIndex: 100,
   onShow () {
      let alertImgLen = document.getElementsByClassName('weui-dialog__hd')[0]
      alertImgLen.innerHTML = '<img src="../../static/images/tip3.png" class="alertImg3">'
   },
   onHide () {
      that.$router.push('/orderInfo')
   }
})

五、效果