vue3安装组件

如何创建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';

完毕

猜你喜欢

转载自blog.csdn.net/A12536365214/article/details/132423405