在vue项目中引入vue-beauty操作方法

这篇文章主要为大家详细介绍了在vue项目中引入vue-beauty操作方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

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

【图片暂缺】

3、查看配置文件package.json，是否有vue-beauty组件的版本号

【图片暂缺】

4、在main.js中引入

以下代码便完成了 vue-beauty 的引入

import 'vue-beauty/package/style/vue-beauty.min.css'import vueBeauty from 'vue-beauty'Vue.use(vueBeauty)

【图片暂缺】

5、还可以按需引入

当你只需要整个组件库中的几个的时候可以使用下面的方法引入

【图片暂缺】

6、在项目中使用组件vue-beauty组件，我们以button组件为例：

【图片暂缺】

7、查看效果

可以看到我们成功的使用了vue-beauty组件库

【图片暂缺】

本文来自：http://www.q1010.com/184/6944-0.html

注：关于在vue项目中引入vue-beauty操作方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js