更新时间

docs/posts/2022/06/如何在Vue3的Store中使用i18n.md

@@ -1,4 +1,4 @@
----
+---
 layout: doc
 title: 如何在Vue3的Store中使用i18n
 date: 2022-06-27
@@ -6,6 +6,10 @@ tags:
   - 编程
   - 工作
   - 学习
+  - vue
+  - JavaScript
+  - i18n
+  - BUG
 head:
   - - meta
     - name: description
@@ -14,7 +18,7 @@ head:
     - name: keywords
       content: vue vue3 i18n js javascript
 editLink: false
-lastUpdated: true
+lastUpdated: 2025-01-20T10:08:00
 ---
 
 > 文章摘要
@@ -39,7 +43,7 @@ i18n 方法，而不是依赖 useI18n()。
 
 几乎都最新版本了
 
-![在这里插入图片描述](/posts/2022/06/img-1.png)
+![在这里插入图片描述](../../../public/posts/2022/06/img-1.png)
 
 ## 问题复现
 
@@ -60,31 +64,31 @@ const { t, d, n, locale } = useI18n()
 
 当在创建对应的i18n时，会先将对应的内容进行创建和导出：
 
-![在这里插入图片描述](/posts/2022/06/img-2.png)
+![在这里插入图片描述](../../../public/posts/2022/06/img-2.png)
 
 在这个文件中创建了i18n，并且对特定的配置项进行了指定，但是导出的这个i18n中有什么？
 
-![在这里插入图片描述](/posts/2022/06/img-3.png)
+![在这里插入图片描述](../../../public/posts/2022/06/img-3.png)
 
 在配置的文件中已经存在了要使用的方法，也就是导出的：`t`,`d`,`n`等，要使用的方法也在这里面
 
-![在这里插入图片描述](/posts/2022/06/img-4.png)
+![在这里插入图片描述](../../../public/posts/2022/06/img-4.png)
 
 在这个`global`中存在了对应的全局的方法，不需要通过i18n指定的方法进行引入执行，可以直接使用，所以这个就是要手动引入的内容
 
 ## 解决
 
-![在这里插入图片描述](/posts/2022/06/img-5.png)
+![在这里插入图片描述](../../../public/posts/2022/06/img-5.png)
 
 使用这种方法问题得到解决，不过在尝试过程中，这种两种方式使用的i18n也是有区别的
 
 在引入的过程中，因为方式不同，所以引入的方法其实也不是同一个
 
-![在这里插入图片描述](/posts/2022/06/img-6.png)
+![在这里插入图片描述](../../../public/posts/2022/06/img-6.png)
 
 不过在对应的注释中也能略微看出二者的区别
 
-![在这里插入图片描述](/posts/2022/06/img-7.png)
+![在这里插入图片描述](../../../public/posts/2022/06/img-7.png)
 
 使用方法引入的‘t’应当也有特有的内容，这里只进行列举，不继续深入探讨。