ポートフォリオをVueで作るチュートリアル②

ポートフォリオをVueで作るチュートリアル①の続きです。

ブラウザが下記のような表示になっていますでしょうか。

次に作るのはWORKS、つまり事績を載せるコンポーネントです。

コンポーネントは、概念がわかりにくいですがまとまりを意味します。

つまり実績のコードを１つのまとまりとしてコンポーネントにします。

先に作りたい画面をみてみましょう。

下記のようにしたいと思います。

仕様としては作った年代をセレクトボックスで選べてソートできるような作りにしたいと思います。

ここでは年代としてますが、その他スキルやカテゴリでソートしたりセレクトボックスではなくチェックボックスでソートすることもできますね。

その辺は応用なので余裕のある方はやってみて下さい。