在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下拉缓冲菜单示例代码
Aug 30 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
JQuery中serialize()用法实例分析
Feb 06 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
vue判断input输入内容全是空格的方法
Mar 02 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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
yii2实现 "上一篇,下一篇" 功能的代码实例
2017/02/04 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
Javascript 的addEventListener()及attachEvent()区别分析
2009/05/21 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
解析js原生方法创建表格效率测试
2013/07/08 Javascript
JavaScript避免代码的重复执行经验技巧分享
2014/04/17 Javascript
JS简单计算器实例
2015/01/20 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
2017/07/12 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
Python中的ceil()方法使用教程
2015/05/14 Python
Python编程之微信推送模板消息功能示例
2017/08/21 Python
浅析python协程相关概念
2018/01/20 Python
Python pandas常用函数详解
2018/02/07 Python
Django REST framework 分页的实现代码
2019/06/19 Python
pytorch 可视化feature map的示例代码
2019/08/20 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
网站开发实习生的自我评价
2013/12/11 职场文书
产品销售员岗位职责
2013/12/18 职场文书
应届毕业生自我鉴定范文
2013/12/27 职场文书
护士毕业生自荐信
2014/02/07 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
与死神共舞观后感
2015/06/15 职场文书
2016年暑期教师培训心得体会
2016/01/09 职场文书