JavaScript 【Vue.js】トランジション効果を持ったアニメーションを実装する <transition> <transition>は、ひとつの要素しか入れる事ができない。 切り替えを書き込む時は、v-ifを用いること。v-showは、display:none;で画面上非表示になっているだけなので、ソースから完全に消える... 2020.02.05 JavaScript
JavaScript 【Vue.js】フィルター(filter)とミックスイン(mixin) フィルター(filter)でテキストをフォーマットする コンポーネント上で、表示したいdataを作成。 mainで、フォーマット形式を定義。第1引数には、フォーマット名、第2引数には関数をかく。 Vue.filter("lowerCase"... 2020.02.02 JavaScript
JavaScript 【Vue.js】カスタムディレクティブを使う ディレクティブとは、v-から始まるVueが提供しているパーツの事です。Vueが提供しているディレクティブについてはこちら↓ Vueが提供してくれているもの以外でも、自分でv-を作成することができます。主に、抽象化したコードを再利用したい時に... 2020.02.01 JavaScript