diff --git a/docs/slides.md b/docs/slides.md index 5fcebcf7a..4d3b4fd63 100644 --- a/docs/slides.md +++ b/docs/slides.md @@ -33,7 +33,7 @@ drawings: - はじめに - Composition API, 学習環境など -- リアクティブの探求 +- リアクティビティーの探求 - ref, reactive, toRefs, readonly など - 算出プロパティ(computed) - computed @@ -56,7 +56,7 @@ Web アプリケーションにおけるユーザーインターフェイスを
- + 公式サイト
@@ -231,14 +231,14 @@ function increment() { --- -# リアクティブの探求 +# リアクティビティーの探求
-参考 +参考
@@ -264,7 +264,7 @@ console.log(sum); // 5のまま(期待は6) --- -# リアクティブの探求 +# リアクティビティーの探求
@@ -300,7 +300,7 @@ console.log(sum); // 3. --- -# リアクティブの探求(ref によるリアクティブな値の参照) +# リアクティビティーの探求(ref によるリアクティブな値の参照) `ref` を使った値を操作する場合、`setup` 関数内では `value` プロパティにアクセスする。 `template` 内では変数(定数)そのものを参照するだけで値を得られる。 @@ -341,7 +341,7 @@ const sum = computed(() => { --- -# リアクティブの探求(リアクティブな値をオブジェクトにまとめる) +# リアクティビティーの探求(リアクティブな値をオブジェクトにまとめる) リアクティブにしたいデータがオブジェクトの場合、`reactive` を使う @@ -364,7 +364,7 @@ const user = reactive({ --- -# リアクティブの探求(オブジェクトにまとめたリアクティブな値を取り出す) +# リアクティビティーの探求(オブジェクトにまとめたリアクティブな値を取り出す) 前項の `reactive` だと、分割代入しても値が取り出せない。Vue では `toRefs` を使うことで可能になる。 @@ -389,7 +389,7 @@ const { name } = toRefs(user); --- -# リアクティブの探求(リアクティブな値を読み込み専用にする) +# リアクティビティーの探求(リアクティブな値を読み込み専用にする) ```vue ``` @@ -1908,7 +1908,7 @@ pages/ # Vue + Vue Router と Nuxt 3 の比較(ルーティング) -Vue 3 はテンプレートの最上位に複数要素が書けるようになった https://v3.ja.vuejs.org/guide/migration/fragments.html +Vue 3 はテンプレートの最上位に複数要素が書ける 例: @@ -2084,7 +2084,7 @@ Vue 固有の記法についての公式なスタイルガイド - スタイルガイドに書いてあることを守ると、事前に起こりうる問題に対処することができる - [eslint-plugin-vue](https://eslint.vuejs.org/)を使うとスタイルガイドに違反しているか静的にコードを解析・修正できる -[スタイルガイド](https://v3.ja.vuejs.org/style-guide/) +[スタイルガイド](https://ja.vuejs.org/style-guide/) ---