编程 Javascript

在vue项目中引入vue-beauty操作方法

Posted in Javascript onFebruary 11, 2019

vue-beauty有丰富的vue组件库，使用vue-beauty方便项目的开发，下面介绍在vue项目中引入vue-beauty。

1、vue项目初始化

npm install --global vue-cl：全局安装vue脚手架vue init webpack my-projec：初始化cd my-project：进入目录npm install:安装依赖

2、安装vue-beauty

在vue项目中引入vue-beauty操作方法

3、查看配置文件package.json，是否有vue-beauty组件的版本号

在vue项目中引入vue-beauty操作方法

4、在main.js中引入

以下代码便完成了 vue-beauty 的引入

import 'vue-beauty/package/style/vue-beauty.min.css'import vueBeauty from 'vue-beauty'Vue.use(vueBeauty)

在vue项目中引入vue-beauty操作方法

5、还可以按需引入

当你只需要整个组件库中的几个的时候可以使用下面的方法引入

在vue项目中引入vue-beauty操作方法

6、在项目中使用组件vue-beauty组件，我们以button组件为例：

在vue项目中引入vue-beauty操作方法

7、查看效果

可以看到我们成功的使用了vue-beauty组件库

在vue项目中引入vue-beauty操作方法

- Author -

laozhang

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS控件ASP.NET的treeview控件全选或者取消(示例代码)

Dec 16 Javascript

jquery下div 的resize事件示例代码

Mar 09 Javascript

分享一个自己写的简单的javascript分页组件

Feb 15 Javascript

JavaScript中的Function函数

Aug 27 Javascript

jQuery基于cookie实现的购物车实例分析

Dec 24 Javascript

浏览器检测JS代码(兼容目前各大主流浏览器)

Feb 21 Javascript

Bootstrapvalidator校验、校验清除重置的实现代码(推荐)

Sep 28 Javascript

JS控制TreeView的结点选择

Nov 11 Javascript

jQuery插件zTree实现清空选中第一个节点所有子节点的方法

Mar 08 Javascript

socket.io学习教程之基础介绍（一）

Apr 29 Javascript

基于JSON数据格式详解

Aug 31 Javascript

详细分析Node.js 模块系统

Jun 28 Javascript

Vue表单控件绑定图文详解

Feb 11 #Javascript

图文讲解vue的v-if使用方法

Feb 11 #Javascript

ES6 如何改变JS内置行为的代理与反射

Feb 11 #Javascript

ES6 更易于继承的类语法的使用

Feb 11 #Javascript

总结4个方面优化Vue项目

Feb 11 #Javascript

JavaScript 九种跨域方式实现原理

Feb 11 #Javascript

ES6 迭代器与可迭代对象的实现

Feb 11 #Javascript

You might like

浅析PHP原理之变量(Variables inside PHP)

2013/08/09 PHP

PHP之正则表达式捕获组与非捕获组（详解）

2015/07/29 PHP

PHP利用超级全局变量$_GET来接收表单数据的实例

2016/11/05 PHP

php解析mht文件转换成html的实例

2017/03/13 PHP

phpStudy中升级MySQL版本到5.7.17的方法步骤

2017/08/03 PHP

PHP文件管理之实现网盘及压缩包的功能操作

2017/09/20 PHP

自写的利用PDO对mysql数据库增删改查操作类

2018/02/19 PHP

laravel Validator ajax返回错误信息的方法

2019/09/29 PHP

JavaScript 仿关机效果的图片层

2008/12/26 Javascript

JQERY limittext 插件0.2版(长内容限制显示)

2010/08/27 Javascript

javascript中的继承实例代码

2011/04/27 Javascript

js实现动态添加、删除行、onkeyup表格求和示例

2013/08/18 Javascript

javascript读写json示例

2014/04/11 Javascript

NodeJS Express框架中处理404页面一个方式

2014/05/28 NodeJs

JQuery的Pager分页器实现代码

2016/05/03 Javascript

浅析Bootstrip的select控件绑定数据的问题

2016/05/10 Javascript

webpack+vue中使用别名路径引用静态图片地址

2017/11/20 Javascript

AngularJS实现的2048小游戏功能【附源码下载】

2018/01/03 Javascript

vue2使用keep-alive缓存多层列表页的方法

2018/09/21 Javascript

AngularJS 多指令Scope问题的解决

2018/10/25 Javascript

JavaScript实现小球沿正弦曲线运动

2020/09/07 Javascript

[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场

2018/04/06 DOTA

python 通过xml获取测试节点和属性的实例

2018/03/31 Python

itchat-python搭建微信机器人(附示例)

2019/06/11 Python

python 整数越界问题详解

2019/06/27 Python

Python集合基本概念与相关操作实例分析

2019/10/30 Python

python接入支付宝的实例操作

2020/07/20 Python

分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功

2020/11/20 Python

HTML5使用drawImage()方法绘制图像

2014/06/23 HTML / CSS

美国大码时尚女装购物网站：ELOQUII

2017/12/28 全球购物

Elizabeth Gage官网：英国最好的珠宝设计之一

2020/09/26 全球购物

全陪导游欢迎词

2014/01/17 职场文书

2014年办公室主任工作总结

2014/11/12 职场文书

旅游安全责任协议书

2016/03/22 职场文书

英文诗歌翻译方法（赏析）

2019/08/16 职场文书

sql查询结果列拼接成逗号分隔的字符串方法

2021/05/25 SQL Server