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