• 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()
  • 相关阅读:
    awk书上练习
    矩阵运算
    从最大似然到EM算法浅解
    numpy 练习
    python lxml教程
    pycharm快捷键
    python正则表达式教程
    三门问题
    Solr本地服务器搭建及查询
    git简单使用
  • 原文地址:https://www.cnblogs.com/juexin/p/8126734.html
Copyright © 2020-2023  润新知