vant3 Vant4 介绍

vant3

Vant 3 是一款基于 Vue.js 的移动端组件库，由饿了么前端团队开发，旨在为开发者提供一套优雅的、易用的、高效的移动端组件库。它拥有超过 50 个组件，包括常用的表单、导航、操作反馈、展示元素等，并且还有多个实用的插件。

Vant 3 的特性包括：

1. 完全基于 Vue.js 开发，使用 TypeScript 进行重构；
2. 支持多端适配，包含 iOS 和 Android 两大平台；
3. 支持多样式定制；
4. 支持多语言国际化；
5. 支持自定义主题样式。

Vant 3 的优势在于其核心代码采用 TypeScript 重写而成，使得代码风格一致性得到保障。此外它还有一套实用的工具集合来帮助开发者快速上手使用 Vant 3。

Vant 3 还有一套详尽的文档来帮助开发者快速上手使用 Vant 3。文档中包含了 Vant 3 组件的使用方法、API 调用方法、样式定制方法以及常见问题解决方法。此外文档中还有大量的例子代码来帮助开发者理解如何使用 Vant 3 组件。

总之 Vant 3 是一套优雅易用的移动端 UI 组件库，能够大大减少前端开发人员在 UI 层面上所耗费的时间和成本。如今已成为前端界不可或缺的重要部分之一。

Vant4 介绍

# with npm
npm i @vant/use

# with yarn
yarn add @vant/use

# with pnpm
pnpm add @vant/use

import { useWindowSize } from "@vant/use";

const { width, height } = useWindowSize();

console.log(width.value); // -> 窗口宽度
console.log(height.value); // -> 窗口高度