vux的安装和配置

作者: 呼呼哥 | 来源:发表于2019-01-08 11:42 被阅读7次

第一步:

在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)

相关文章

网友评论

    本文标题:vux的安装和配置

    本文链接:https://www.haomeiwen.com/subject/kizefqtx.html