2020-02

JavaScript

【Vue.js】トランジション効果を持ったアニメーションを実装する

<transition><transition>は、ひとつの要素しか入れる事ができない。切り替えを書き込む時は、v-ifを用いること。v-showは、display:none;で画面上非表示になっているだけなので、ソースから完全に消えるv-...
JavaScript

【Vue.js】フィルター(filter)とミックスイン(mixin)

フィルター(filter)でテキストをフォーマットするコンポーネント上で、表示したいdataを作成。mainで、フォーマット形式を定義。第1引数には、フォーマット名、第2引数には関数をかく。 Vue.filter("lowerCase",f...
JavaScript

【Vue.js】カスタムディレクティブを使う

ディレクティブとは、v-から始まるVueが提供しているパーツの事です。Vueが提供しているディレクティブについてはこちら↓Vueが提供してくれているもの以外でも、自分でv-を作成することができます。主に、抽象化したコードを再利用したい時に使...