vux用法

其實官網寫的很詳細了 但是好多時候沒有仔細看的耐心

下面基本也是vux官網步驟：

 

很多人需要$t未定義問題 其實按着官網來就能解決這個報錯：

如果你遇到 $t 報錯問題，請不要開 issue，升級 vux-loader >= 1.0.58。 
VUX 必須配合 vux-loader 使用，如果不使用 vux2 模板請按照下面文檔正確配置。

安裝：npm install vux --save

安裝vux-loader：npm install  vux-loader --save

安裝less-loader以正確編譯less源碼

 

更改build/webpack.base.conf.js配置：

注意：請把 resolve 里的 symlink 設為 true 如果你是使用 cnpm 進行依賴安裝

注意：原來build/webpack.base.conf.js中的module.exports 代碼賦值給變量 webpackConfig

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig

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

 

使用（以彈框為例）：

該組件支持以plugin形式調用（main.js中調用plugin）：

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

// 或者umd方式
// 引入構建的js文件
Vue.use(vuxToastPlugin)
// 顯示
this.$vux.toast.show({
 text: 'Loading'
})

// 顯示文字
this.$vux.toast.text('hello', 'top')

// 隱藏
this.$vux.toast.hide()