2023/5/11内容がVue.jsのチュートリアルが新しくなったのであうように書き直しました。<a href="https://kikuichige.com/15635/" target="_blank" rel="nofollow noopener noreferrer">https://kikuichige.com/15635/</a>を参照してください。

初心者が公式のVue.jsを読んで勉強しようとしても難しく感じると思うので私なりに公式をベースに解説したいと思います。対象はHTML、CSSが、ある程度わかっている方Javascriptは分からなくてもいけるかもしれません。公式が分かりづらいのは英語の翻訳ということもありますが誤解を生まないような正確な内容でなければならないこともあるかと思います。またVueを使いこなすにはJavascriptの知識は必須です。しかし初心者がJavascriptマスターしてVueにたどり着くまでには相当時間がかかると思います。そこでVueから入り、後から必要に応じてJavascript勉強してはどうかと思います。Vueが取りあえず使えるようになることを目的にJavascriptが詳しくない私が初心者目線で解説します。まずはある程度使えるようになってから正確な知識を取得する第一段階としてとらえてください。公式の<a href="https://v3.ja.vuejs.org/" target="_blank" rel="nofollow noopener noreferrer">https://v3.ja.vuejs.org/</a>に沿って説明しますので、これを見ながら、こちらの記事をお読みください。

2023/5/11内容がVue.jsのチュートリアルが新しくなったのであうように書き直しました。https://kikuichige.com/15635/を参照してください。

初心者が公式のVue.jsを読んで勉強しようとしても難しく感じると思うので私なりに公式をベースに解説したいと思います。対象はHTML、CSSが、ある程度わかっている方Javascriptは分からなくてもいけるかもしれません。公式が分かりづらいのは英語の翻訳ということもありますが誤解を生まないような正確な内容でなければならないこともあるかと思います。またVueを使いこなすにはJavascriptの知識は必須です。しかし初心者がJavascriptマスターしてVueにたどり着くまでには相当時間がかかると思います。そこでVueから入り、後から必要に応じてJavascript勉強してはどうかと思います。Vueが取りあえず使えるようになることを目的にJavascriptが詳しくない私が初心者目線で解説します。まずはある程度使えるようになってから正確な知識を取得する第一段階としてとらえてください。公式のhttps://v3.ja.vuejs.org/に沿って説明しますので、これを見ながら、こちらの記事をお読みください。

【Vue.js3入門】 Javascriptが、あまり分からない人向け

インストール

チュートリアル

フォームバインディング　v-model

条件付きレンダリング v-if 、リストレンダリング v-for

算出プロパティ(computedとmethodの違い)

ライフサイクルフック

watch

コンポーネント、プロパティ

v-htmlの注意点

クラスとスタイルのバインディング

CDNの限界VueCLIを使う理由

読者コミュニティ｜【Vue.js3入門】 Javascriptが、あまり分からない人向け