vux入门

vux读作[v’ju:z]。它是主要用于移动端的基于weuivue的ui组件库。 看git上作者的描述很霸气。一种爱用不用的感觉。的pc端vue的ui框架有iview/elementui等。移动端使用vux较为方便。 主要用于移动端的基于weuivue的ui组件库。

有专用的vux-loader。 使用css预处理工具是less.不影响开发者使用sass等。

安装

npm i vux

vux2必须配合vux-loader使用, 请在build/webpack.base.conf.js里参照如下代码进行配置:

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig

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

最后效果

前期准备。

1. 创建vue项目。

2. 修改webpack.base.conf.js

  const vuxLoader = require('vux-loader')
  const webpackConfig = {
      // .... module.exports里的东西
  }
  module.exports = vuxLoader.merge(webpackConfig, {
      plugin: ['vux-ui']
  })

使用方法。

-. 局部注册

  // **.vue
  <tag></tag>

  import { ColorPicker } from 'vux'

  export default {
      components: {
          tag: ColorPicker
      }
  }

-. 全局注册

  // main.js
  import Vue from 'vue'
  import { ColorPicker } from 'vux'

  Vue.component('color-picker', ColorPicker)
  // 在*.vue中引用的vux的组件后其下的子组件都可不用注册vux组件直接使用。  

各组件的使用

看官网就行。使用起来很简单。


2018/09/18 by stone

原文链接:segmentfault.com

上一篇:buster-node
下一篇:multi-glob

相关推荐

  • 鸡啄米:C++编程入门系列之前言

     从今天开始将给大家讲解一些C++编程入门的知识,对于也是个温习巩固的过程。将会用深入浅出的方式,尽量用最简单的语言让读者学会C++语言,并爱上这门语言。         本前言讲述的是编程语言的发展...

    6 个月前
  • 静态类型检测器—Flow入门

    介绍 一个 JAVASCRIPT 静态类型检测器 Flow 使用类型接口查找错误,甚至不需要任何类型声明。 它也能够准确地跟踪变量的类型,就像运行时那样 Flow 专为 JavaScript 程序员...

    2 年前
  • 静态类型检查—Flow入门

    介绍 一个 JAVASCRIPT 静态类型检测器 Flow 使用类型接口查找错误,甚至不需要任何类型声明。 它也能够准确地跟踪变量的类型,就像运行时那样 Flow 专为 JavaScript 程序员...

    2 年前
  • 零基础小白如何入门前端?以下这几点一定是你需要的

    随着近些年前端行业的崛起,前端人才也越来越供不应求。不少人都看到这个行业的巨大发展前景,因此目前零基础开始学习前端的人也越来越多了。那么,零基础小白如何入门前端呢?为了让大家快速入门前端,本文将从前端...

    4 个月前
  • 零基础HTML玩家的Bootstrap入门第一课(保证学会!)

    零、前言 又看着熟悉的Bootstrap3的网站,想起去年自己刚来时举步维艰的学习过程,想着之前踩过的那些坑,感慨万千。最近团队融入了新鲜血液,本着薪火相传的原则,为了不让后面的人踩同样的坑,...

    4 个月前
  • 零基础HTML玩家的Bootstrap入门第一课(保证学会!)

    零、前言 又看着熟悉的Bootstrap3的网站,想起去年自己刚来时举步维艰的学习过程,想着之前踩过的那些坑,感慨万千。最近团队融入了新鲜血液,本着薪火相传的原则,为了不让后面的人踩同样的坑,...

    4 个月前
  • 通过 Web 控制蓝牙设备:WebBluetooth入门

    翻译:疯狂的技术宅 原文:https://www.smashingmagazine.... 本文首发微信公众号:jingchengyideng 欢迎关注,每天都给你推送新鲜的前端技术文章 摘要...

    2 年前
  • 通俗易懂的 Deno 入门教程

    对 Deno 感兴趣,想尝尝鲜或快速入门 Deno 的小伙伴看过来,本文将从七个方面入手,带你一步步学习 Deno 的相关知识,详细的内容大纲如下图所示: 自从 Deno 1.0 正式发布之后...

    3 个月前
  • 选择一种适合你的学习方式入门前端

    对于前端入行现在大概有这么几种:1.大学里修前端课程,2.查资料看视频自学前端,3.参加前端培训。 对于这三种学习方式,自学前端是属于最难的一种,咱们先简单的说一下另外两种方式,然后我再着重说下自学前...

    2 年前
  • 进击TypeScript(入门及实战应用)

    前言2020年,越来越多的前端开源项目已经或者正在使用TypeScript重构(ant design、vs code 、vue3等)。正在从事前端开发的我们,已经不能忽视TypeScript整个生态链...

    2 个月前

官方社区

扫码加入 JavaScript 社区