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

动态修改DOM 里面的 id 属性的弊端分析

Sep 03 Javascript

JS实现悬浮移动窗口(悬浮广告)的特效

Mar 12 Javascript

js检测网络是否具体连接功能的代码

May 23 Javascript

IE8中动态创建script标签onload无效的解决方法

Dec 22 Javascript

js函数内变量的作用域分析

Jan 12 Javascript

jQuery给动态添加的元素绑定事件的方法

Mar 09 Javascript

javascript实现可拖动变色并关闭层窗口实例

May 15 Javascript

javascript实现的多个层切换效果通用函数实例

Jul 06 Javascript

获取阴历（农历）和当前日期的js代码

Feb 15 Javascript

js 数据存储和DOM编程

Feb 09 Javascript

javascript实现拖拽碰撞检测

Mar 12 Javascript

vue实现tab栏点击高亮效果

Aug 19 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