vux使用方法

wb336035888 2021-08-30 原文

# 使用vux及vuex-i18n需要做的工作

### 1.首先需要安装vux

### 2.需要安装vux-loader

### 3.需要安装vuex

### 4.需要安装vuex-i18n

### 5.需要进行安装less-loader（需要注意，因为容易被忘记）

### 6.需要在配置文件的webpack.base.config.js中进行引入这个部分，并且将module.exports改为originalConfig，引入部分放到原来的module.exports整个对象的下面如下

“`javascript
const vuxLoader = require(\’vux-loader\’)
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {
plugins: [\’vux-ui\’]
})
“`

### 7.需要在main.js中进行下面整个部分的配置

“`javascript
import Vuex from \’vuex\’
Vue.use(Vuex)

import vuexI18n from \’vuex-i18n\’
let store = new Vuex.Store({
modules: {
i18n: vuexI18n.store
}
})
import { TransferDom,Alert, Popup, Group, Cell, XButton, XSwitch, Scroller, Toast, XAddress, ChinaAddressData,Actionsheet,DatetimePlugin, LocalePlugin, DevicePlugin, ToastPlugin, AlertPlugin, ConfirmPlugin, LoadingPlugin, WechatPlugin, AjaxPlugin, AppPlugin} from \’vux\’

Vue.use(DevicePlugin)
Vue.use(ToastPlugin)
Vue.use(AlertPlugin)
Vue.use(ConfirmPlugin)
Vue.use(LoadingPlugin)
Vue.use(WechatPlugin)
Vue.use(AjaxPlugin)
Vue.use(LocalePlugin)
Vue.use(DatetimePlugin)
Vue.use(vuexI18n.plugin, store)
“`