VUWE是什么意思?


本文摘自PHP中文网,作者青灯夜游,侵删。

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

VUWE介绍

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

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

中文文档地址:https://vuwe.github.io/vuwe/doc.html#/

安装和使用

安装

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

1

npm install vuwe --save

加载WeUI

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

1

<link rel="stylesheet" href="/weui.min.css">

全局引入

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

1

2

3

4

import Vue from 'vue'

import Vuwe from 'vuwe'

 

Vue.use(Vuwe)

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

局部引入

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

1

2

3

4

5

6

7

import { VwButton } from 'vuwe'

 

export default {

  components: {

    VwButton

  }

}

相关推荐:

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

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

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

以上就是VUWE是什么意思?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

微信开发的分享接口 相关内容

vue qs是什么

vue bootstrap区别

vue中怎么引入bootstrap

vue中computed和watch的区别是什么?

html字符串转换为html标签并使用

vue.nexttick是什么

vue中mint ui是什么?

如何解决vue 引入字体css报错问题

angular与angularjs、react和vue的简单对比

更多相关阅读请进入《微信》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...