[Vue+Vant] 使用 Vant 组件的详细操作流程

1. 序言

首先创建一个基于 Vue 和 Vant 的项目, 项目的创建和配置可以参考 [Vue+Vant] 使用脚手架创建和配置项目, Vant 组件的详细参数和用法参考 Vant 官方文档 , 下面以组件 Tabbar 为例说明组件的使用流程

2. 在 main.js 中注册组件

在 main.js 中注册组件属于全局注册

import {
    createApp } from 'vue'
import App from './App.vue'
import {
    Tabbar } from 'vant'

const app = createApp(App)

app.use(Tabbar)

app.mount