首页 > web前端 > 前端问答 > VUWE是什么意思?

VUWE是什么意思?

青灯夜游
发布: 2020-11-30 11:40:49
原创
2538 人浏览过

VUWE是一款基于微信WeUI所开发的,专用于Vue2的组件库;它与WeUI完全解耦,用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。

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 &#39;vue&#39;
import Vuwe from &#39;vuwe&#39;

Vue.use(Vuwe)
登录后复制

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

局部引入

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

import { VwButton } from &#39;vuwe&#39;

export default {
  components: {
    VwButton
  }
}
登录后复制

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程教学!!

以上是VUWE是什么意思?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板