ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/08/28
NEW
【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中
PREMIUM
Vue.js 3入門 応用編
モダンなフロントエンドフレームワークである Vue.js の応用的なトピックについて学んでいきます。
0%
このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
JavaScript入門 基礎文法編
(全27回)
PREMIUM
PREMIUM
0%
JavaScript入門 関数編
(全12回)
PREMIUM
PREMIUM
0%
JavaScript入門 データ構造編
(全27回)
PREMIUM
PREMIUM
0%
JavaScript入門 DOM編
(全22回)
PREMIUM
PREMIUM
0%
Vue.js 3入門 基礎編
(全15回)
PREMIUM
PREMIUM
0%
動画レッスン一覧
(13)
#01 ディレクティブを使っていこう
(02:11)
無料公開中
概要
学習環境
コンテンツをJavaScriptで管理
未完了
#02 v-textで値を埋め込んでみよう
(02:07)
無料公開中
v-text
{{ }}
未完了
#03 v-bindで属性値を埋め込んでみよう
(02:23)
無料公開中
v-bind:src
:src
未完了
#04 v-onでイベントを設定してみよう
(03:03)
v-on:click
ref()
リアクティブな値
未完了
#05 リアクティブな値を操作してみよう
(02:54)
@click
count.value++
リアクティブな値の仕組み
未完了
#06 v-if、v-elseで条件分岐してみよう
(02:53)
v-if
v-else
v-ifとtemplateの組み合わせ
未完了
#07 v-forでループ処理をしてみよう
(01:55)
v-for
未完了
#08 WorkSection.vueを実装していこう
(02:29)
セクションをコンポーネント化
ファイル作成
内容移動
未完了
#09 コンポーネントを読み込んでいこう
(02:31)
WorkSectionの読み込み
作品情報のオブジェクト作成
未完了
#10 propsを使ってみよう
(02:44)
コンポーネントに情報を渡す
:imgUrl
defineProps()
未完了
#11 他のデータも埋め込んでいこう
(02:49)
:title
:desc
v-bind
未完了
#12 データを整備していこう
(02:41)
作品情報の配列作成
未完了
#13 すべての作品を表示してみよう
(02:17)
作品情報の配列を表示
v-for
v-bind
未完了
次におすすめのレッスン
Vue.js 3でTodo管理アプリを作ろう 基本機能編
(全12回)
PREMIUM
PREMIUM
0%
Vue.js 3でTodo管理アプリを作ろう 応用機能編
(全17回)
PREMIUM
PREMIUM
0%
Nuxt入門 基礎編
(全12回)
PREMIUM
PREMIUM
0%
Nuxt入門 実践編
(全14回)
PREMIUM
PREMIUM
0%
リリース情報(note)
『Vue.js 3入門 応用編』をリリースしました
詳細情報
最終更新日
2025年2月6日
バージョン情報
Vue.js 3.5.13