ryota21silvaの技術ブログ

Funna(ふんな)の技術ブログ

これまで学んだ技術の備忘録。未来の自分が救われることを信じて

2020-06-15から1日間の記事一覧

リストレンダリング(v-for)

v-forで配列に要素をマッピング 配列に基づいて、アイテムのリストを描画するために、v-for ディレクティブを使用することができます。v-for ディレクティブは item in items の形式で特別な構文を要求し、items はソースデータの配列で、item は配列要素が…

v-ifとv-showの違いとは ~条件付きレンダリング~

v-show <タグ名 v-show="条件式">trueなら表示</タグ名> v-ifとv-showの比較 表示、非表示の動作が異なる。 v-ifはDOMレベルで要素が削除され、消えた部分はコメント化される。 v-showはDOMから要素は削除されず、dispay: none;が設定される。 →DOMへの要素の生成と削…

Vueの算出プロパティ(computed)、監視プロパティとの比較

computedとは 関数で算出したデータを返すことができるプロパティ(getterということ) データの加工を伴った取得ができる。 キャッシュが残るから、処理が早くなる。 computed: { 算出プロパティ: 関数のオブジェクト } fullName: function() { return${this.…