ryoのぼやき

技術についての学習内容のまとめです。

Vue.js

【Vue.js】Vue3のTeleport(Portal)の使い方

この記事の内容 Vue3.0で追加される機能の1つであるTeleportを使ってみたので、 どういう時に使うのか、どのように使うのか、感想を書いてみようと思います。 ※Vue3の環境構築については、下記に書きました。 【Vue.js】Vue-cliでVue3の開発環境を構築する …

【Vue.js】Vue-cliでVue3の開発環境を構築する

この記事の内容 Vue3.0では新しい機能がいくつか追加されるので、 自分で触って試してみたいと思ってる人も多いと思います。 今回はvue-cli-plugin-vue-nextを使って、 Vue3.0の開発環境を構築する方法を紹介しようと思います。 ------※7/29 追記------ vue-…

【Vue.js】なぜかimgが表示されない時の解決法とその理由

この記事の内容 Vueのプロジェクトで、画像を表示しようとした時に、 なぜか画像ファイルが読み込めず、表示がされないことがあると思います。 そのような問題が起こる理由と解決策を書こうと思います。 vue-cliにおけるsrcの読み込みについて 画像が表示さ…

【Vue.js】Vueにおけるライフサイクルフックの使い分け

この記事の内容 Vue.jsには、createdやmountedさらにはupdatedなど、 関数を定義できる場所が複数あり、 どこで何を書くべきなのかよく分からなくなりがちです。 これらはライフサイクルフックというもので それぞれの使いどきは、 どんなタイミングで実行し…

【Vue.js】slotについて(スコープ付きslot、propとの使い分けetc)

この記事の内容 Vue.jsにはslot(スロット)という仕組みがあり、 その中にさらに、スコープ付きスロットという仕組みがあります。 これが、理解しづらく感じる人が多いと思うので、 僕なりの理解を説明します。 はじめに slotとは slotとは、Vue.jsのテンプ…