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下，首先引入vux-loader

const vuxLoader = require('vux-loader')

然后将原来的module.exports 替换成const webpackConfig，然后在最底下写上这么一段代码

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

第三步：

直接使用：

具体使用方法见官网

注意事项

如果你想直接在组件中的methods方法里面 this.$vux.comfirm.show({....}) 这样调用，你就需在main.js里面配置如下

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