资讯专栏INFORMATION COLUMN

VUWE——又一个移动端Vue2组件库

xiaowugui666 / 1716人阅读

摘要:在线预览介绍是一款基于微信所开发的,专用于的组件库。局部引入在需要引入组件的地方直接引入运行克隆项目安装依赖开发模式生产模式示例模式产出一个文件,一个文件

VUWE

在线预览

介绍

VUWE是一款基于微信WeUI所开发的,专用于Vue2的组件库。

它与WeUI完全解耦。用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。

中文文档

使用

进入一个Vue工程项目,然后执行以下命令:

npm install vuwe --save
加载WeUI

在开始之前,需要在index.html内加载WeUI样式库:

全局引入

进入工程入口js,写入下列语句:

import Vue from "vue"
import Vuwe from "vuwe"

Vue.use(Vuwe)

此时VUWE已经被全局注册,可以在需要的地方直接使用VUWE组件标签。

局部引入

在需要引入VUWE组件的地方直接引入:

import { VwButton } from "vuwe"

export default {
  components: {
    VwButton
  }
}
运行

克隆项目、安装依赖

git clone https://github.com/vuwe/vuwe.git

cd vuwe && npm install

开发模式

npm run dev

生产模式

npm run build

示例模式(产出一个index.html文件,一个app.js文件)

npm run build-demo
MIT

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

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

相关文章

  • 【收藏】2019年最新Vue相关精品开源项目汇总

    摘要:前言本文的前身是源自上的项目但由于该项目上次更新时间为年月日,很多内容早已过期或是很多近期优秀组件未被收录,所以小肆今天重新更新了内容并新建项目。提交的项目格式如下项目名称子标题相关介绍如果收录的项目有错误,可以通过反馈给小肆。 前言 本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时间为2017年6月12日,很多内容早已过期或是很多近期优...

    williamwen1986 评论0 收藏0
  • 2017年3月份前资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...

    ermaoL 评论0 收藏0
  • 2017年3月份前资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...

    kamushin233 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<