vue环境

以防出现重新配一遍HEXO环境的窘境，决定记一下

node

说实话我也不知道自己什么时候就装了。

VUE3创建项目

以下均使用vue3：

创建项目：npm init vue@latest
进入目录之后
安装：npm install
运行：npm run dev
会在本地5173端口初始化页面

开发环境使用VSC+volar扩展

笔记

条件渲染

VUE的v-if和v-show，都是判断bool渲染。
但v-show始终会被渲染，v-if渲染切换时会被销毁重建。

如果需要频繁切换，使用v-show(但有初始渲染开销)；如果很少改变，使用v-if

OAuth 2.0

+———-+
| Resource |
| Owner |
| |
+———-+
^
|
(B)
+—-|—–+ Client Identifier +—————+
| -+—-(A)– & Redirection URI —->| |
| User- | | Authorization |
| Agent -+—-(B)– User authenticates —>| Server |
| | | |
| -+—-(C)– Authorization Code —<| |
+-|—-|—+ +—————+
| | ^ v
(A) (C) | |
| | | |
^ v | |
+———+ | |
| |>—(D)– Authorization Code ——–’ |
| Client | & Redirection URI |
| | |
| |<—(E)—– Access Token ——————‘
+———+ (w/ Optional Refresh Token)

Note: The lines illustrating steps (A), (B), and (C) are broken into
two parts as they pass through the user-agent.

Figure 3: Authorization Code Flow

先根据ID到认证服务端获取到CODE
然后根据CODE，去CLIENT获取TOKEN

在VUE直接偷bootstrap5的格式结果不太一样

哥你自己看看是不是还有一个index.html在外面呢。

我的一条鼠标怎么不生效

a:hover只对超链接生效 ，其他的手动加一下吧