在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:安装依赖

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

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操作方法

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