vux使用方法


# 使用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)
```

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM