Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。同时支持 vue2 和 vue3。 安装 yarn add pinia 使用 创建一个 pinia 并将其传递给应用程序 // main.ts import { createPinia } from 'pini...

useDateFormat 格式化日期格式 格式入参，使用方法类似 dayjs 格式输出信息描述YY18两位数年份YYYY2018 年四位数的年份M1-12这个月，从1点开始MM01-12月份，2位数MMM1月-12月缩写的月份名称MMMM1月-12...

useInterval 响应式计数器增加 const options = { controls?: false, immediate?: true, callback?: (count: number) => void, } <script lang="ts" setup> import { useInterval } from '@vu...

Element UI 是一个基于 Vue.js 的开源 UI 组件库，用于构建 Web 应用程序的用户界面。它提供了一套丰富的可复用的组件，包括按钮、表单、对话框、导航菜单、表格等，帮助开发者快速构建美观、易用的界面。 今...

GoGoCode GoGoCode 是一个基于 AST 的 JavaScript/Typescript/HTML 代码转换工具，你可以用它来构建一个代码转换程序来帮你自动化完成如框架升级、代码重构、多平台转换等工作。 当前 GoGoCode 支持解析和...

Immer 是一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。无奈网络上完善的文档实在...

useArrayDifference Reactive get array difference of two array <script lang="ts" setup> import { ref } from 'vue' import { useArrayDifference } from '@vueuse/core' const list1 = ref(&...

以前，为了使组件支持与v-model双向绑定，它需要（1）声明prop，（2）在打算更新prop时发出相应的update:propName事件： <script lang="ts" setup> const props = defineProps([ 'modelValue' ]) ...

defineModel() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect. ...

VueUse是一款基于组合式API的函数集合。 VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS AP...