vue3导入vant UI库

把vue3框架搭建好之后，安装vant，在终端输入：

npm i vant

安装完成vant之后，直接在main.js文件里面添加以下代码：

import vant from 'vant';
import 'vant/lib/index.css';
//下面的代码添加一个use(vant)
const app=createApp(App)
app.use(store).use(router).use(vant).mount('#app')

vue3导入vant UI库相关推荐

VUE3实战二之Vant UI库使用
VUE3实战二之Vant UI库使用 1. Vant介绍 2. Vant的安装使用 2.1. button 1. Vant介绍 https://vant-ui.github.io/vant/#/en- ...
Uniapp 导入 Vant 组件库
Uniapp 导入 Vant 组件库 Vant Weapp 开发文档 Vant Weapp - 轻量.可靠的小程序 UI 组件库创建 wxcomponents 目录在 uniapp 项目的根目录下 ...
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（项目演示、涉及知识点、源码分享）
基于 Vue3.x + Vant UI 的多功能记账本(一) 文章目录基于 Vue3.x + Vant UI 的多功能记账本(一) Vue3.x 实现多功能记账本 1.前言 2.项目演示 3.涉及知 ...
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（登录注册页面，验证码）
基于 Vue3.x + Vant UI 的多功能记账本(四) 文章目录基于 Vue3.x + Vant UI 的多功能记账本(四) 项目演示 1.登录注册页面 2.图片验证码 3.修改 axios ...
vant UI库组件, 与HTML 标签冲突
警告:Do not use built-in or reserved HTML elements as component id: Image 解决方案, 起一个别名 import { Image a ...
Vue2 - 网易云音乐项目笔记（基于Vant UI组件库）
目录一.项目技术二.准备工作 1.初始化Vue项目 2.配置Vant UI组件库 3.下载并使用vue-router库 4.接口API 5.postcss插件三.分析页面实现功能 1.路由页面准 ...
微信小程序引入Vant UI
微信小程序引入Vant UI 第一次导入Vant UI时,照着vant weapp 官网给的"快速上手"文章做的,结果出了几大错误,改了半小时才解决.下面将完整演示引入流程. 1. ...
Vue3 UI库、相关工具、可视化生态分享
Vue3 UI库.相关工具.可视化生态分享 1.Web UI库 1. ElementUI Plus 一套为开发者.设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库 https://eleme ...
uni-app项目中引入Vant UI组件库（完美避坑！！！）纯净版
文章目录第一步,HBuilder X中新建一个uni-app的项目第二步,HBuilder X提示项目创建成功,在HBuilder X用命令行窗口打开创建的项目(或直接在创建的项目文件夹内用cmd ...

vue3导入vant UI库

vue3导入vant UI库相关推荐

最新文章

热门文章