• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

VUWE是什么意思?

vue 搞代码 4年前 (2021-12-26) 40次浏览 已收录 0个评论

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
  }
}

运行

克隆项目、安装依赖

git clone https://github.com/vuwe/vuwe.git
cd vuwe && npm install

开发模式

npm run dev

生产模式

npm run build

示例模式(产出一个index.htm

来源gaodai.ma#com搞##代!^码网

l文件,一个app.js文件)

npm run build-demo

更多vue.js的相关知识,可访问:web前端开发!!

以上就是VUWE是什么意思?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:VUWE是什么意思?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址