欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

VUWE是什么意思?

程序员文章站 2022-03-23 12:34:37
...

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 '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视频教程精选

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

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

相关标签: 微信 Vue VUWE