了解Vux

Vux

        (读音 [v'ju:z],同views)是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。

      vux并不完全依赖于WeUI,但是尽量保持整体UI样式接近WeUI的设计规范。最初目标是创建一个易用,实用,美观的移动端UI组件库,现在离理想状态还有不少距离,因此需要大家及时反馈问题及贡献代码。


   直接安装或者更新:

   npm install vux --save

     或者使用yarn:

yarn add vux  // 安装

yarn upgrade vux  // 更新


使用vue-cli工具和airyland/vux2模板快速初始化项目

默认为 webpack2 模板,如果你需要使用webpack

 请使用  vue init airyland/vux2      #webpack1 projectPath

   npm install vue-cli -g    // 如果还没安装

  vue init airyland/vux2 projectPath


cd  projectPath

npm install --registry=https:     //registry.npm.taobao.orgnpm run de


调用示例

   import { Group, Cell } from'vux' 

    export default{

  components: {  

  Group,    Cell 

 }}

main.js中调用plugin

import { AlertPlugin, ToastPlugin } from'vux'

Vue.use(AlertPlugin) 

Vue.use(ToastPlugin)   // 详细使用请参考对应组件文档



vue init airyland/vux2 projectPathcdprojectPathnpm install --registry=https://registry.npm.taobao.orgnpm run dev

你可能感兴趣的:(了解Vux)