vux入门

happyfish 发布于2019-08-23 12:01 / 1742人阅读

摘要：它是主要用于移动端的基于和的组件库。看上作者的描述很霸气。一种爱用不用的感觉。的端的框架有等。使用预处理工具是不影响开发者使用等。局部注册全局注册在中引用的的组件后其下的子组件都可不用注册组件直接使用。使用起来很简单。

vux

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

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

安装

npm i vux
npm i vux-loader

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, {
      plugins: ["vux-ui"]
  })

使用方法。 -. 局部注册

  // **.vue
  

  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

GPU云服务器云服务器 vux cdn vux 入门代码入门过程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97861.html

前端综合性文档和教程总结（持续更新）

摘要：小弟在前端摸爬滚打一段时间，发现前端的比较好的文档比较分散，特别是中文的，我平时都是收藏在浏览器里，以后有好的教程和综合性的文档我会更新到这里。小组中文文档，很全。小弟在前端摸爬滚打一段时间，发现前端的比较好的文档比较分散，特别是中文的，我平时都是ctrl+D收藏在浏览器里，以后有好的教程和综合性的文档我会更新到这里。一则可以做个记录，防止丢失。二则有需要的朋友可以来我这里找一找。 ...

piglei 2019-08-20 10:19 评论0 收藏0
在vue中安装使用vux

摘要：最近因为的工作的原因在弄，从后端弄到前端之前一直用，现在第一次接触感觉还挺有意思的，就是自己太菜了，这个脑子呀。。。。不太够用。。。。。比如对自带样式的修改。。今天就记录一下的安装使用吧。。。。。。最近因为的工作的原因在弄vue，从后端弄到前端之前一直用js，现在第一次接触vue感觉还挺有意思的，就是自己太菜了，这个脑子呀。。。。不太够用。。。。。页面设计用了一个叫vux的东西，vux可以提...

番茄西红柿 2019-04-23 13:23 评论0 收藏0
vux的使用

摘要：是可以结合使用的一个微信端组件库，我通常用它来做简单的提示框动画之类的功能。我主要就记录一下的安装和大概使用方法。在使用过程中没什么坑，安装的时候坑比较多。 vux是可以结合vue使用的一个微信端组件库，我通常用它来做简单的提示框、loading动画、confirm之类的功能。vux里面有很多很实用的功能，详细的可以去看官方文档。我主要就记录一下vux的安装和大概使用方法。安装： /...

terasum 2019-08-22 16:24 评论0 收藏0
vue-cli 3.x配置使用vux

摘要：在中配置使用写在前面正常按照下面给定的配置，因官方更新过更新过，导致的加载错误。题后说明本人文中所提到的仅代表本人个人使用感受，并不能说明事物实际属性，大家仅在乎配置相关即可。作为非大团队维护的组件库，是一款非常优秀的基于的组件库。在vue-cli3.x中配置使用VUX 写在前面正常按照下面给定的配置，因官方更新过vue/cli3.x更新过vue-loader，导致的加载错误。之前...

KitorinZero 2019-08-22 16:43 评论0 收藏0