如何创建vue项目链接:http://t.csdn.cn/tX8wY
新建vue项目如何配置:http://t.csdn.cn/YLdTG
我们这里拿vant组件演示
首先安装组件库
# Vue 3 项目,安装最新版 Vant
npm i vant
可以在package.json查看
我们找到main.js
按钮举例
写入自己需要的组件
import { Button } from 'vant';
在use的括号里面写入自己需要的组件即可,比如是.use(Button )
在需要的页面引入即可
<van-button type="primary">主要按钮</van-button> <van-button type="success">成功按钮</van-button> <van-button type="default">默认按钮</van-button> <van-button type="warning">警告按钮</van-button> <van-button type="danger">危险按钮</van-button>
引入样式import 'vant/lib/index.css';
完毕