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

window.opener用法和用途实例介绍

Aug 19 Javascript

jQuery表格列宽可拖拽改变且兼容firfox

Sep 03 Javascript

javascript属性访问表达式用法分析

Apr 25 Javascript

JavaScript用select实现日期控件

Jul 17 Javascript

学习JavaScript设计模式之单例模式

Jan 19 Javascript

基于JavaScript实现全屏透明遮罩div层锁屏效果

Jan 26 Javascript

JS+CSS实现DIV层的展开、收缩效果

Jan 28 Javascript

简洁实用的BootStrap jQuery手风琴插件

Aug 31 Javascript

原生JS实现的放大镜效果实例代码

Oct 15 Javascript

javascript闭包功能与用法实例分析

Apr 06 Javascript

webpack优化的深入理解

Dec 10 Javascript

Element-ui中元素滚动时el-option超出元素区域的问题

May 30 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

星际流派综述

2020/03/04 星际争霸

人族 Terran 魔法与科技

2020/03/14 星际争霸

php ftp文件上传函数(基础版)

2010/06/03 PHP

php的ajax框架xajax入门与试用介绍

2010/12/19 PHP

一些PHP Coding Tips(php小技巧)[2011/04/02最后更新]

2011/05/02 PHP

一款简单实用的php操作mysql数据库类

2014/12/08 PHP

PHP快速排序quicksort实例详解

2016/09/28 PHP

对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明

2010/03/20 Javascript

javascript按位非运算符的使用方法

2013/11/14 Javascript

jquery xMarquee实现文字水平无缝滚动效果

2014/04/29 Javascript

基于编写jQuery的无缝滚动插件

2014/08/02 Javascript

JavaScript中的alert()函数使用技巧详解

2014/12/29 Javascript

利用js实现禁止复制文本信息

2015/06/03 Javascript

简介JavaScript中的push()方法的使用

2015/06/09 Javascript

H5图片压缩与上传实例

2017/04/21 Javascript

node-sass安装失败的原因与解决方法

2017/09/04 Javascript

微信小程序使用wxParse解析html的实现示例

2018/08/30 Javascript

Jquery获取radio选中值实例总结

2019/01/17 jQuery

微信小程序新闻网站详情页实例代码

2020/01/10 Javascript

python赋值操作方法分享

2013/03/23 Python

Python中实现从目录中过滤出指定文件类型的文件

2015/02/02 Python

将Django框架和遗留的Web应用集成的方法

2015/07/24 Python

编写Python小程序来统计测试脚本的关键字

2016/03/12 Python

pandas 读取各种格式文件的方法

2018/06/22 Python

Django自定义模板过滤器和标签的实现方法

2019/08/21 Python

Windows平台Python编程必会模块之pywin32介绍

2019/10/01 Python

Python新手如何进行闭包时绑定变量操作

2020/05/29 Python

flask开启多线程的具体方法

2020/08/02 Python

CSS3 animation实现简易幻灯片轮播特效

2016/09/27 HTML / CSS

世界上最好的帽子：Tilley

2016/11/27 全球购物

幼儿园亲子活动总结

2014/04/26 职场文书

竞选劳动委员演讲稿

2014/04/28 职场文书

水利局群众路线专题民主生活会发言材料

2014/09/21 职场文书

事业单位岗位说明书

2015/10/08 职场文书

2016年第16个全民国防教育日宣传活动总结

2016/04/05 职场文书

创业计划书之餐饮

2019/09/02 职场文书