在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组件库

到此这篇关于在vue项目中引入vue-beauty操作方法就介绍到这了。人最大的罪过——无知!更多相关在vue项目中引入vue-beauty操作方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
如何使用vue-cli创建项目并webpack打包的操作方法

Vue 路由返回恢复页面状态的操作方法

Vue + element如何实现动态显示后台数据到options的操作方法

vscode 插件开发 + vue的操作方法

ant-design-vue中tree增删改的操作方法