html整个网站变成灰色的方法
在全局或需要的地方加入如下css
```scss
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray(100%);
```
more...json-server
### 安装：
```bash
npm install -g json-server
```
### 创建一个db.json 文件
整个文件相当于一个数据库，每一个属性相当于一个表是一个数组，它里面的每个对象代表一条数据，***切记里面的每个对象都要有id，不写他就会自动生成\***
```bash
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some co
more...
Vue3安装依赖报错The engine “node“ is incompatible with this module
有时候运行Vue3项目，安装依赖会报各种各样的错误如：
```bash
info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
error vue-types@4.0.3: The engine "node" is incompatible with this module. Expected version ">=12.16.0". Got "12.13.1"
error Found incompatible mo
more...
VUE3常用的 VueUse 组合
# 1. onClickOutside
检测点击非常简单。但是，当点击发生在一个元素之外时，如何检测？那就有点棘手了。但使用VueUse中的 `onClickOutside` 组件就很容易能做到这点。
<!--more-->
代码如下：
```javascript
<script setup>
import { ref } from 'vue'
import { onC
more...