VUWE是一款基于微信WeUI所开发的,专用于Vue2的组件库;它与WeUI完全解耦,用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。
VUWE介绍
VUWE是一款基于微信WeUI所开发的,专用于Vue2的组件库。
它与WeUI完全解耦。用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。
中文文档地址:https://vuwe.github.io/vuwe/doc.html#/
安装和使用
安装
进入一个Vue工程项目,然后执行以下命令:
npm install vuwe --save
加载WeUI
在开始之前,需要在index.html内加载WeUI样式库:
<link rel="stylesheet" href="/weui.min.css">
全局引入
进入工程入口js,写入下列语句:
import Vue from 'vue' import Vuwe from 'vuwe' Vue.use(Vuwe)
此时VUWE已经被全局注册,可以在需要的地方直接使用VUWE组件标签。
局部引入
在需要引入VUWE组件的地方直接引入:
import { VwButton } from 'vuwe' export default { components: { VwButton } }
相关推荐:
2020年前端vue面试题大汇总(附答案)
vue教程推荐:2020最新的5个vue.js视频教程精选
更多编程相关知识,请访问:编程教学!!