タグ

2021年5月20日のブックマーク (2件)

  • Nxut+CSSフレームワーク「Buefy」でアイコンセット「Font Awesome」を使う方法 - SE_BOKUのまとめノート的ブログ

    目次 はじめに Nuxt.jsを整理する方針 アイコンセット「Font Awesome」 Font Awesomeを使ったサンプル Nxut+BuefyでFont Awesomeを使う方法 「Font Awesome」をCSSで読み込む設定 <b-icon>タグの使い方 Font Awesomeのアイコンの指定方法 参考:サンプルイメージ画面のソース はじめに リライトして目次を追加しました。 内容は2019年5月当時のままです。 僕がNuxt.jsの各機能を理解するために、ひとつひとつ確認したことをまとめていこうと考えています。 インストール・環境構築は、以下の手順でできている前提です。 arakan-pgm-ai.hatenablog.com Nuxt.jsを整理する方針 Nuxt.js関連資料やサンプルソースを見ると混乱することが多いのは、Nuxt.jsはVue.jsの機能を包含して

    Nxut+CSSフレームワーク「Buefy」でアイコンセット「Font Awesome」を使う方法 - SE_BOKUのまとめノート的ブログ
    ar0
    ar0 2021/05/20
  • 【Nuxt.js】Nuxt文法編:v-for|aLiz

    🎈 この記事はWPへ移行しました 【Nuxt.js】Nuxt文法編:v-for # 前置き文法シリーズ第二弾 今回は定番のv-forです! 文法は覚えましょう🍒 ある程度の構文・単語は 覚える必要があります🌟 英文法・英単語を覚えないと 文が作れないのと同じです🎈🧸 ❓どんな時に使うか 配列やオブジェクトを listで描写させる時に使います。 https://note.com/aliz/n/nda7438249ca8 # v-forhttps://qrunch.net/@rokujiro/entries/ylmWdFAZsaAtMTpq?ref=qrunch 【解説】 ・v-for="i in 6" forといえば繰り返しですね。 数字の6までの1つ1つをiとし それを繰り返しています。 ・:key ここだと分かりにくいので 後半に解説します。 【index.vue】 <temp

    【Nuxt.js】Nuxt文法編:v-for|aLiz
    ar0
    ar0 2021/05/20