From f3b56d9ff79356ae6bcbeb5b98c37967b0fb2225 Mon Sep 17 00:00:00 2001 From: ashcolor Date: Sat, 22 Jun 2024 17:06:10 +0900 Subject: [PATCH] =?UTF-8?q?chg:=20=E8=A8=98=E4=BA=8B=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/blog/programming/react-tutorial-vue.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/content/blog/programming/react-tutorial-vue.md b/content/blog/programming/react-tutorial-vue.md index 7fd20da..d9689cd 100644 --- a/content/blog/programming/react-tutorial-vue.md +++ b/content/blog/programming/react-tutorial-vue.md @@ -1,7 +1,7 @@ --- createdAt: "2024/06/22" updatedAt: "" -title: "React公式チュートリアルをVueで書いて比較してみた" +title: "React公式チュートリアルをVueでも書いて比較してみた" description: "React公式チュートリアルをVueで書いて、コードを比較してみます。" category: "プログラミング" subCategory: "" @@ -29,6 +29,8 @@ Reactの公式チュートリアルはこちらです。 チュートリアル内ではJavaScriptは単一ファイルになっていますが、今回は比較しやすくするためにReactもVueも[コンポーネントごとにファイルを分けます]{.marker}。 +[ReactはCodeSandbox、VueはVue SFC Playground]{.marker}にコードを置いているので、すぐに動作確認できます。 + ### バージョン コーディング時のバージョンは以下の通りです。 @@ -40,7 +42,7 @@ Reactの公式チュートリアルはこちらです。 ### Reactのコード -[codesandbox](https://codesandbox.io/s/react-dev-forked-5vnlg5) +[CodeSandbox](https://codesandbox.io/s/react-dev-forked-5vnlg5) ### Vueのコード