VueのComposition APIでリアクティブなデータを定義する、refとreactiveについて

今まで、Vue2などで使われてきたOptions API では、dataメソッド内にデータを定義することで、リアクティブなデータを定義してきました。
Vue3ではComposition APIが導入されましたが、今までと同じようにリアクティブなデータを定義するには、
・ref
・reactive
を使う必要があります。
この動画では、この違いと使い方について説明しています。


Vue.js（ビュージェイエス）を基礎から学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPz7gvvX8JCf74MiFQZufIn7

個別で講義もおこなっています！
詳細は以下のページからご覧いただけます。
https://personal-lesson-programming.com/


会員専用の動画配信中！登録は以下から出来ます。
https://www.youtube.com/channel/UCVCL3vTcA9NcxmMWhz8bS7Q/join


GSAP（JavaScriptのアニメーションライブラリ）の再生リストはこちら
https://youtube.com/playlist?list=PLv7E5OqNAIPyK5tWN8oEXnZznq1abxJZ2

本当は教えたくない、現役のプロが教えるSEOを学びたい方はこちら
https://youtube.com/playlist?list=PLv7E5OqNAIPzhbVGarXinl43adgQ8B3N6

HTML/CSSを基礎から学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPw8ZZFW2Q-qnRlGqe0e6qX6

CSSアニメーションについて学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPzrVJRYgES95wMSbJKpNWP6

CSS gridについて学びたい方はこちら
https://youtube.com/playlist?list=PLv7E5OqNAIPxTDBvGfJ_46aoZ7PLV3m5n

ワードプレス（Wordpress）の運用などについて学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPxuEpPYFUt0GH0koyHI7FCI

ワードプレスの独自テーマを基礎からしっかりと学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPzAx2OKc2DIoDsZDC4vxa22

Sass（サス）/Scssを基礎から学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPyp7_GMar2gMmXJfHmOstvo

JavaScript（JS）を基礎から学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPwvXgGnXqb0_4xlTdEV8W2b

爆速コーディング・作業効率化・オススメの設定に興味がある方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPwaMNSePoxrx8NFqadonTPv

Visual Studio Code（ビジュアルスタジオコード）についてもっと知りたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPxCnrIZwcK-SeMMiQBwAzGH

form（HTML）についてきちんと学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPw_uK_fcbnfgl6z1A69tSlo

サイト運用・管理について（ドメイン・サーバー・SEOなど）について学びたい方はこちら
https://www.youtube.com/playlist?list=PLv7E5OqNAIPz2lfveXySpiIxxRVEQikZS


TwitterでYoutubeの更新情報などを発信中！
https://twitter.com/prog_factory