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

检测是否已安装 .NET Framework 3.5的js脚本

Feb 14 Javascript

js GridView 实现自动计算操作代码

Mar 25 Javascript

js中关于一个分号的崩溃示例

Nov 11 Javascript

node.js中的path.join方法使用说明

Dec 08 Javascript

自定义函数实现IE7与IE8不兼容js中trim函数的问题

Feb 03 Javascript

基于JavaScript实现手机短信按钮倒计时(超简单)

Dec 30 Javascript

javascript多物体运动实现方法分析

Jan 08 Javascript

总结几道关于Node.js的面试问题

Jan 11 Javascript

微信小程序定位当前城市的方法

Jul 19 Javascript

layui实现多图片上传并限制上传的图片数量

Sep 26 Javascript

js实现随机抽奖

Mar 19 Javascript

如何在 Vue 中使用 JSX

Feb 14 Vue.js

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新特性之字节码缓存和内置服务器

2017/08/11 PHP

Jquery知识点一 Jquery的ready和Dom的onload的区别

2011/01/15 Javascript

jquery异步调用页面后台方法&#8207;(asp.net)

2011/03/01 Javascript

ajax处理php返回json数据的实例代码

2013/01/24 Javascript

使用ajax+jqtransform实现动态加载select

2014/12/01 Javascript

js显示文本框提示文字的方法

2015/05/07 Javascript

javascript运动详解

2015/07/06 Javascript

基于Css3和JQuery实现打字机效果

2015/08/11 Javascript

基于BootStrap实现局部刷新分页实例代码

2016/08/08 Javascript

vue调用高德地图实例代码

2017/04/28 Javascript

jQuery+ajax读取json数据并按照价格排序示例

2018/03/28 jQuery

基于 jQuery 实现键盘事件监听控件

2019/04/04 jQuery

layui清空,重置表单数据的实例

2019/09/12 Javascript

原生JS实现留言板

2020/03/26 Javascript

JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】

2020/05/01 Javascript

vue中的.$mount('#app')手动挂载操作

2020/09/02 Javascript

python中wx将图标显示在右下角的脚本代码

2013/03/08 Python

haskell实现多线程服务器实例代码

2013/11/26 Python

Python实现分割文件及合并文件的方法

2015/07/10 Python

Python将图片批量从png格式转换至WebP格式

2020/08/22 Python

详解python上传文件和字符到PHP服务器

2017/11/24 Python

pandas的object对象转时间对象的方法

2018/04/11 Python

Python使用sorted对字典的key或value排序

2018/11/15 Python

在Python文件中指定Python解释器的方法

2019/02/18 Python

python的内存管理和垃圾回收机制详解

2019/05/18 Python

Python获取数据库数据并保存在excel表格中的方法

2019/06/12 Python

python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)

2020/01/08 Python

Python turtle库的画笔控制说明

2020/06/28 Python

html5 实现客户端验证上传文件的大小(简单实例)

2016/05/15 HTML / CSS

html5关于外链嵌入页面通信问题(postMessage解决跨域通信)

2020/07/20 HTML / CSS

自1926年以来就为冰岛保持温暖：66°North

2020/11/27 全球购物

简历里的自我评价范文

2014/02/24 职场文书

2015年党风廉政建设责任书

2015/01/29 职场文书

幼儿园小班班务总结

2015/08/03 职场文书

聊聊JS ES6中的解构

2021/04/29 Javascript

MySQL约束超详解

2021/09/04 MySQL