文章目录调整

docs/posts/2022/06/how-to-use-i18n-in-vue3's-store.md

@@ -10,6 +10,7 @@ tags:
   - JavaScript
   - i18n
   - BUG
+  - Blog
 head:
   - - meta
     - name: description
@@ -21,7 +22,9 @@ editLink: false
 lastUpdated: 2025-01-20T10:08:00
 ---
 
-> 文章摘要
+# {{ $frontmatter.title }}
+
+>  :black_nib: 文章摘要
 <!-- DESC SEP -->
 
 这篇文章讨论了在 Vue3 环境下使用 vue-i18n 和 element-plus 处理多语言提示时遇到的问题及解决方案。具体来说，文章描述了在使用

docs/posts/2022/08/fixed-table-header-and-first-column-in-javascript.md

@@ -8,6 +8,7 @@ tags:
   - Html
   - JavaScript
   - vue
+  - Blog
 head:
   - - meta
     - name: description
@@ -19,7 +20,9 @@ editLink: false
 lastUpdated: 2025-01-20T10:09:00
 ---
 
-> 文章摘要
+# {{ $frontmatter.title }}
+
+>  :black_nib: 文章摘要
 <!-- DESC SEP -->
 这篇文章介绍了如何在 JS 或 Vue 中实现表格的列和表头固定功能，适用于不同的开发环境（如原生
 JavaScript、Vue、React、小程序等）。文章详细展示了实现这一功能的思路和具体步骤，包括使用 Vue3 和 TypeScript 结合 Less

docs/posts/2022/08/get-promise-status-in-javascript.md

@@ -6,6 +6,7 @@ tags:
   - 编程
   - 学习
   - JavaScript
+  - Blog
 head:
   - - meta
     - name: keywords
@@ -13,9 +14,9 @@ head:
 editLink: false
 lastUpdated: 2025-01-20T10:08:00
 ---
+# {{ $frontmatter.title }}
 
-
-> 文章摘要
+>  :black_nib: 文章摘要
 
 <!-- DESC SEP -->
 

docs/posts/2022/08/v-bind-in-css.md

@@ -1,11 +1,12 @@
 ---
 layout: doc
 title: Vue3新属性 — css中使用v-bind（v-bind in css）
-date: 2022-08-11
+date: 2024-08-11
 tags:
   - 编程
   - 学习
   - vue
+  - Blog
 head:
   - - meta
     - name: description
@@ -16,8 +17,9 @@ head:
 editLink: false
 lastUpdated: 2025-01-20T10:09:00
 ---
+# {{ $frontmatter.title }}
 
-> 文章摘要
+>  :black_nib: 文章摘要
 
 <!-- DESC SEP -->
 
@@ -37,11 +39,11 @@ LESS：与 CSS 类似，使用变量和 v-bind() 绑定数据，但在 LESS 中
 
 # Vue3新属性：CSS 中的 `v-bind()`
 
-## 写在前面：
+## 写在前面 {#write-in-front}
 
 本文主要介绍Vue3中的新增的`v-bind()`的常用使用方式，主要包括在`css`,`less`,`scss`中的使用，可以参考官方文档查看：[Vue3官方文档](https://cn.vuejs.org/api/sfc-css-features.html#v-bind-in-css)，本文将主要通过一个demo中的使用来展示
 
-## 实际使用：
+## 实际使用{#actual-use}
 
 先创建一个通过的页面结构，因为是结构是通用内容，所以这里在直接进行简单的定义
 

docs/posts/2022/08/why-use-value-for-ref-in-vue3.md

@@ -6,6 +6,7 @@ tags:
   - 编程
   - 学习
   - vue
+  - Blog
 head:
   - - meta
     - name: description
@@ -16,8 +17,9 @@ head:
 editLink: false
 lastUpdated: 2025-01-20T10:09:00
 ---
+# {{ $frontmatter.title }}
 
-> 文章摘要
+>  :black_nib: 文章摘要
 <!-- DESC SEP -->
 
 这篇文章对比了 Vue2 和 Vue3 中的数据响应式处理方式，特别是如何定义和代理数据。在 Vue2 中，所有数据都通过一个统一的 data 对象进行管理，使用 Object.defineProperty 来实现响应式绑定。而在 Vue3 中，数据定义变得更加灵活，允许直接使用单一的数据类型，通过 ref 和 reactive 来创建响应式数据。虽然 ref 看似代理了普通数据，但实际上 Vue3 使用了 Proxy 技术对数据进行处理，这使得响应式机制变得更加高效和灵活。