UI框架引入

Vant移动端UI框架

https://vant-contrib.gitee.io/vant

安装

使用 NPM 或者 Yarn 安装

# Vue 2 项目，安装 Vant 2:
npm i vant@latest-v2

# Vue 3 项目，安装最新版 Vant：
npm i vant

导入所有组件

src/main.js

import { createApp } from 'vue';
import Vant from 'vant';
//引入组件样式
import 'vant/lib/index.css';

const app = createApp();
app.use(Vant);

使用组件

我们随便找个组件来使用一下

<van-button type="primary">主要按钮</van-button>

<van-tag type="success">标签</van-tag>

<van-switch v-model="true" />