1日1%成長するブログ

毎日成長するために仕事/プライベートで得た学びをアウトプットするブログです

Vue.js

Buefyで3列のグリッドレイアウトを作る

tonyo.design こちら勉強になった。こんな感じにするだけで3列のグリッドレイアウトになって、 溢れた分は折り返してくれる。 ul.columns.is-multiline li(v-for="(todo, index) in todos" :key="index" class="column is-4")

Vue.jsのルートインスタンスとコンポーネントの違いを理解する

ルートインスタンスとコンポーネントの違い ルートインスタンスは既存のHTML要素のID属性で紐付ける * そのためelオプションがある VueコンポーネントもVueインスタンスなのでelオプション以外は同じオプションを受けられる グローバルコンポーネントとロー…

nuxtで始めるシングルページアプリケーション (その1: HelloWorld)

CLIのインストール npm install -g vue-cli プロジェクトの作成 vue init nuxt-community/starter-template hellonuxt cd hellonuxt npm install サーバーの起動 npm run dev こんな画面が表示されればOK Hello Worldを表示してみる pages以下にページを書い…

Vue.jsとVueValidateのよく使う機能のメモ書き

Vue.js 代表的なオプション el: 既存DOMにVueインスタンスをマウントする elを指定しないで$mountで new Vue().$mount(“#app”)のようにも書ける methods Vueインスタンスに組み込まれるメソッド vm.plus()のように呼んだり、VueインスタンスをマウントしたDO…