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

网页图片延时加载的js代码

Apr 22 Javascript

用jQuery打造TabPanel效果代码

May 22 Javascript

jQuery插件开发全解析

Oct 10 Javascript

JavaScript6 let 新语法优势介绍

Jul 15 Javascript

关于JS中的方法是否加括号的问题

Jul 27 Javascript

使用UrlConnection实现后台模拟http请求的简单实例

Jan 04 Javascript

vue2组件实现懒加载浅析

Mar 29 Javascript

原生javascript上传图片带进度条【实例分享】

Apr 06 Javascript

浅谈js使用in和hasOwnProperty获取对象属性的区别

Apr 27 Javascript

Javascript 之封装（Package）

Sep 14 Javascript

vue项目持久化存储数据的实现代码

Oct 01 Javascript

vue的keep-alive中使用EventBus的方法

Apr 23 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

咖啡常见的种类

2021/03/03 新手入门

PHP利用MySQL保存session的实现思路及示例代码

2014/09/09 PHP

thinkphp3.2.2前后台公用类架构问题分析

2014/11/25 PHP

php将HTML表格每行每列转为数组实现采集表格数据的方法

2015/04/03 PHP

Laravel使用scout集成elasticsearch做全文搜索的实现方法

2018/11/30 PHP

关于viewport,Ext.panel和Ext.form.panel的关系

2009/05/07 Javascript

前淘宝前端开发工程师阿当的PPT中有JS技术理念问题

2010/01/15 Javascript

JavaScript flash复制库类 Zero Clipboard

2011/01/17 Javascript

javascript如何动态加载表格与动态添加表格行

2013/11/27 Javascript

jQuery控制的不同方向的滑动(向左、向右滑动等)

2014/07/18 Javascript

3种Jquery限制文本框只能输入数字字母的方法

2014/12/03 Javascript

JavaScript调试工具汇总

2014/12/23 Javascript

jquery实现鼠标滑过小图时显示大图的方法

2015/01/14 Javascript

jquery动态改变div宽度和高度

2015/02/09 Javascript

Javascript仿新浪游戏频道鼠标悬停显示子菜单效果

2015/08/21 Javascript

浅谈JavaScript中的this指针和引用知识

2016/08/05 Javascript

Angular.js项目中使用gulp实现自动化构建以及压缩打包详解

2017/07/19 Javascript

vue-cli开发时,关于ajax跨域的解决方法(推荐)

2018/02/03 Javascript

Vue2.0中集成UEditor富文本编辑器的方法

2018/03/03 Javascript

JavaScript实现微信红包算法及问题解决方法

2018/04/26 Javascript

浅谈JavaScript 代码简洁之道

2019/01/09 Javascript

Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置

2019/05/27 Javascript

vue源码nextTick使用及原理解析

2019/08/13 Javascript

JavaScript利用键盘码控制div移动

2020/03/19 Javascript

vscode 调试 node.js的方法步骤

2020/09/15 Javascript

[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T

2018/04/01 DOTA

[01:27:43]VGJ.S vs TNC Supermajor 败者组 BO3 第三场 6.6

2018/06/07 DOTA

在Python中使用Neo4j数据库的教程

2015/04/16 Python

python 编写简单网页服务器的实例

2018/06/01 Python

python 机器学习之支持向量机非线性回归SVR模型

2019/06/26 Python

pandas 选取行和列数据的方法详解

2019/08/08 Python

Python 余弦相似度与皮尔逊相关系数计算实例

2019/12/23 Python

keras 指定程序在某块卡上训练实例

2020/06/22 Python

介绍一下grep命令的使用

2015/06/12 面试题

行为规范主题班会

2015/08/13 职场文书

Springboot集成阿里云OSS上传文件系统教程

2021/06/28 Java/Android