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

 

转载于:https://www.cnblogs.com/juexin/p/8126734.html