使用vue i18n建置多國語言網站

因為之後工作會用到，
剛好假日有時間，就先來看看如何使用vue i18n建置出一個多國語言網站。

先看看官網
其實已經寫得蠻清楚了，再來做一些小設定即可。

下面就是所謂的小設定，初步的做出一個多國語言網站的雛型。
因為自己在家裡弄的，沒有後端資料可接，這邊先做靜態的。

成品長這樣：

code:

　English
　日本語
　简体中文
　繁體中文
　
{{ $t("message.hello") }}
　
　　{{ $t("message.testBtn") }}
　

　
　　
　　　
　　　　
　　　　
　　　　
　　　　
　　　　
　　　
　　　
　　　　
　　　　
　　　　
　　　　
　　　　
　　　
　　
　
{{ $t("message.index") }}
{{ $t("message.number") }}
{{ $t("message.height") }}
{{ $t("message.weight") }}
{{ $t("message.grade") }}
1
Apple
150
40
100