在Vue3 中引入 vant UI组件库

安装及使用步骤如下:

1、进入到项目根目录下,通过 以下命令打开VUE GUI页面

vue ui

[$]

2、当VUE GUI页面打开以后,选择 依赖 >> 安装依赖 >> 运行环境 >> 输入vant >> 选择作者为youzan的vant依赖 >> 安装

3、然后打开 main.js 文件,导入所有组件

import Vue from 'vue'

import Vant from 'vant'
import 'vant/lib/index.css'

Vue.use(Vant)

4、然后使用该 UI 组件

<template>
  <div class="home-page">
    <van-button type="primary">vant按钮组件</van-button>
  </div>
</template>

效果图:

[/$]

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注