在vue项目中引入vue-beauty操作方法
2019-05-16 18:02
866 查看
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-cli项目中引入jQuery和bootstrap
- 构建vue全家桶项目-引入vue-resource
- vue项目中引入iconfont
- 在Vue项目中引入css出现问题解决方法
- 在vue项目npm run build后,index.html中引入css和js 报MIME type问题
- vue全家桶+element-UI搭建后台管理系统(1)“:构建项目并引入element-ui”
- vue-cli快速构建项目以及引入bootstrap、jq
- 在进行vue的学习,项目中需要引入bootstrap、jquery的步骤。
- Vue项目中jQuery的引入
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue-cli项目引入boostrap
- 创建Vue项目以及引入Iview的方法示例
- 如何在vue && webpack 项目中的单文件组件中引入css
- vue-cli创建的项目中引入第三方库报错 'caller', 'calle', and 'arguments' properties may not be...
- vue项目中引入noVNC远程桌面的方法
- [配置]Vue项目中引入第三方已做好的H5游戏
- Vue 项目 引入第三方饿了吗组件(ElementUI)
- vue状态管理vuex使用之项目中如何合理引入vuex
- 【vue】vue项目引入 Element-UI
- vuejs搭建的项目如何引入图标字体