编程 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下拉缓冲菜单示例代码

Aug 30 Javascript

js的onload事件及初始化按钮事件示例代码

Sep 25 Javascript

如何书写高质量jQuery代码(使用jquery性能问题)

Jun 30 Javascript

JavaScript学习笔记之内置对象

Jan 22 Javascript

JQuery中serialize()用法实例分析

Feb 06 Javascript

JS基于面向对象实现的拖拽库实例

Sep 24 Javascript

AngularJS使用ngMessages进行表单验证

Dec 27 Javascript

js阻止冒泡和默认事件（默认行为）详解

Oct 20 Javascript

JS实现仿UC浏览器前进后退效果的实例代码

Jul 17 Javascript

vue单页应用中如何使用jquery的方法示例

Jul 27 jQuery

react-native ListView下拉刷新上拉加载实现代码

Aug 03 Javascript

vue判断input输入内容全是空格的方法

Mar 02 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