VueUse

背景 设计图里面包含一个日期显示的东西,查找下!网上很多都是使用js去写 nonono 使用vueuse快速实现一个 两行代码能弄完,还需要那么多干嘛,下班! ......

前言：我们在写项目业务时进场会要封装一些工具函数，经常会遇到重复造轮子现象，这里给大家普及下vueuse，是基于Vue组合式API的实用工具集。 比如如下简单的几个例子： useDateFormat 时间格式处理函数 useTimeAgo 几小时/上周前等 处理函数 useMouse 获取鼠标位置 ......

vue create my-vue HelloWorld.vue <template> <button type="button" @click="open">选择文件</button> </template> <script> import { useFileDialog } from '@vue ......

Provide/Inject Provide 和 Inject 可以解决 Prop 逐级透传问题。注入值类型不会使注入保持响应性，但注入一个响应式对象，仍然有响应式的效果。 Provide 的问题是无法追踪数据的来源，在任意层级都能访问导致数据追踪比较困难，不知道是哪一个层级声明了这个或者不知道哪一 ......

<template> <h1>后台首页</h1> <el-button @click="set">设置</el-button> <el-button @click="get">读取</el-button> <el-button @click="remove">删除</el-button> </tem ......