第一步:
在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)