编程 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 相关文章推荐

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