zoukankan      html  css  js  c++  java
  • 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()
  • 相关阅读:
    动态svg图片简单制作
    5418.二叉树中的伪回文路径
    5417.定长子串中元音的最大数目
    76.最小覆盖子串
    1371.每个元音包含偶数次的最长子字符串
    680.验证回文字符串II
    152.乘积最大子数组
    5397.最简分数
    5398.统计二叉树中好节点的数目
    5413.重新排列句子中的单词
  • 原文地址:https://www.cnblogs.com/juexin/p/8126734.html
Copyright © 2011-2022 走看看