手机版

将vue-Beauty运营方法引入vue项目

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

Vue-beauty拥有丰富的Vue组件库,使用vue-beauty进行项目开发非常方便。vue-Beauty引入vue项目介绍如下。

1.vue项目的初始化

npminstall-global vue-cl:vue支架的全局安装vue init webpack my-projec:初始化cd my-project:输入目录npm install:安装依赖项

2.安装vue-beau

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

4.main.js中引入

下面的代码完成了vue-beauty的介绍

导入' vue-beauty/package/style/vue-beauty . min . CSS '从' vue-beauty'Vue.use(vueBeauty)导入vueBeauty

5.也可以根据需要引入

当您只需要整个组件库中的几个组件时,可以使用下面的方法来介绍它

6.在项目中使用vue-beauty组件。让我们以按钮组件为例:

7.检查效果

您可以看到我们已经成功地使用了vue-beauty组件库

版权声明:将vue-Beauty运营方法引入vue项目是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。