在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 相关文章推荐
javascript实现动态模态绑定grid过程代码
Sep 22 Javascript
node.js集成百度UE编辑器
Feb 05 Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 Javascript
怎样判断jQuery当前元素是隐藏还是显示
Nov 23 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
Vue Object 的变化侦测实现代码
Apr 15 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
微信小程序实现电影App导航和轮播
Nov 30 Javascript
javascript实现简单留言板案例
Feb 09 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 文件编程综合案例-文件上传的实现
2013/07/03 PHP
php自动加载autoload机制示例分享
2014/02/20 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
当json键为数字时的取值方法解析
2013/11/15 Javascript
javascript常用方法总结
2015/05/14 Javascript
简单谈谈javascript中的变量、作用域和内存问题
2015/08/30 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
2020/04/20 Javascript
基于javascript实现根据身份证号码识别性别和年龄
2016/01/22 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
2016/08/03 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
基于打包工具Webpack进行项目开发实例
2018/05/29 Javascript
Vue中图片Src使用变量的方法
2019/10/30 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
python使用urllib模块开发的多线程豆瓣小站mp3下载器
2014/01/16 Python
Python入门篇之列表和元组
2014/10/17 Python
Python正则表达式匹配HTML页面编码
2015/04/08 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
python pandas生成时间列表
2019/06/29 Python
python实现字符串完美拆分split()的方法
2019/07/16 Python
python中的&&及||的实现示例
2019/08/07 Python
Python shelve模块实现解析
2019/08/28 Python
pytorch绘制并显示loss曲线和acc曲线,LeNet5识别图像准确率
2020/01/02 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
详解HTML5中垂直上下居中的解决方案
2017/12/20 HTML / CSS
生物化学研究助理员求职信
2013/10/09 职场文书
弘扬雷锋精神活动演讲稿
2014/03/04 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
一波干货,会议主持词开场白范文
2019/05/06 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server
Nginx开源可视化配置工具NginxConfig使用教程
2022/06/21 Servers