vue.jsの写経１日目

vue.jsの写経（ブログなどの写経）を始めた。

Vue.js でかんばんライクなタスク管理アプリを作ってみました。 | ヌーラボ

こちらの記事から。

全然vueのことわかってないのでドキュメントなども読んでいこうと思っているけどとりあえず何も知らないままでこのブログの写経全部やろうと思う。

Bulmaというcssフレームワークを使っているけどフレームワークってあまり触ってこなかったのでこんなに簡単なのかと驚いた。（今更・・）

Bulma: a modern CSS framework based on Flexbox

new Vue({
    el: "インスタンスが対応するDOMを指定",
    data: { // アプリ内で使うデータを記述
        hoges: [
            { name: 'otoufu', age: 99 },
            { name: 'oshouyu', age: 999 },
        ]
    }
})

思った以上にシンプル（はじめに見えるものを作ってモチベーション維持させる的なことが書いてあったので今だけかな）で、実際表示されて楽しい。

現状