vux環境配置

 

第一步

在vue項目中的package.json文件的dependencies中添加下面三行，即安裝vux及其相關依賴

"vux":"^2.7.3",
"vux-loader": "^1.1.26",
"less-loader": "^4.0.5"

npm install 安裝上面依賴

 

第二步

在bulid —>webpack.base.conf.js下，

1）首先引入vux-loader

const vuxLoader = require('vux-loader')

 

2）而後將原來的module.exports 替換成const webpackConfig，而後在最底下寫上這麼一段代碼

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

 

第三步

vux引入成功，能夠在vue文件直接  import { XXX, XXX }  from  'vux' 啦！！！

vux的使用可參照下面例子

<template>
    <x-header>2017年滿意度調查</x-header>
</template>
<scirpt>
    import { XHeader, Confirm} from 'vux'
    export default {
        components: {
            Confirm,
            XHeader
        }
    }
</script>

 

 

 

VUX部分坑

若是你想直接在組件中的methods方法裏面 this.$vux.comfirm.show({....}) 這樣調用，你就需在main.js裏面配置以下

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