VUE3实战二之Vant UI库使用

VUE3实战二之Vant UI库使用

1. Vant介绍

https://vant-ui.github.io/vant/#/en-US

2. Vant的安装使用

based on : https://vant-ui.github.io/vant/#/en-US/quickstart

npm install vant # install vant module
npm install unplugin-vue-components -D  # install 按需引入的插件

在这里插入图片描述

2.1. button

<template>
  <h1>home</h1>
    <van-button type="primary">Primary</van-button>
    <van-button type="success">Success</van-button>
    <van-button type="default">Default</van-button>
    <van-button type="danger">Danger</van-button>
    <van-button type="warning">Warning</van-button>
</template>

<script>
export default {

}
</script>

<style>

</style>

在这里插入图片描述


版权声明:本文为weixin_46036165原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。