Vue.js 【Vue.js】transitionの使い方【アニメーションを実装しよう】 2022年9月25日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 以上の疑問の解決記事です。 v-if, v-showを使って、要素の表示・非表示を制御することができました。しかし、過 …
Vue.js 【Vue.js】子から親へのデータ受け渡し$emitの使い方【SFC未使用】 2022年9月24日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 上記の疑問の解決記事です。 本記事は、SFC（単一ファイルコンポーネント = .vueファイル）ではない場合の「$emit …
Vue.js 【Vue.js】コンポーネントをv-forを使って繰り返し表示させる方法 2022年9月19日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 以上のような疑問の解決記事です。 前回は、コンポーネントの基礎的な使い方を見ていきました。今回はv-forでのコンポー …
Vue.js 【Vue.js】コンポーネントの書き方【SFC未使用】 2022年9月18日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 上記のような疑問に答える記事です。 Vue.jsのコンポーネントの書き方には複数のルールがあります。ルールに従って書く …
Vue.js 【Vue.js】v-bind:classの使い方 【特殊な記法に注意！】 2022年9月17日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 以上の疑問の解決記事です。 Vue.jsではclassを追加・削除するのに、v-bindディレクティブを使った方法がよ …
Vue.js 【Vue.js】filters（フィルタ）を使ってデータを加工する 2022年9月11日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 以上の疑問の解決記事です。 Vue.jsのフィルタはdataの値を加工して、ブラウザに表示させます。 例えば、JavaScr …
Vue.js 【Vue.js】フォームでのv-modelの使い方と注意点 2022年9月10日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 以上のような疑問の解決記事です。 v-modelはフォームで、v-on, v-bindを使わずに省略記法ができる、便利 …
Vue.js 【Vue.js】preventDefaultとstopPropagationの使い方 2022年9月6日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） 上記のような疑問の解決記事です。 両者はJavaScriptにおいて、以下の役割を持ちます。 aタグリンクの遷移 …
Vue.js 【Vue.js】v-pre, v-once, v-text, v-htmlの使い方 2022年9月4日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） このような疑問の解決記事です。 これらはテンプレート制御ディレクティブと呼ばれ、結論から言うと、以下のような役割があります。 …
Vue.js 【Vue.js】v-ifとv-showの違いについて 〜どう使い分ける？〜 2022年9月3日 ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS（コアカラ） このような疑問の解決記事です。 Vue.jsで実装していると、v-ifとv-showで要素を表示・非表示を制御する場合 …
Vue.js
