ブラウザで http://localhost:8080/ をアクセスするとサンプルが表示された。 いじってみる 今回いじるのはsrc/配下のファイルで components/~~.vue を追加していくのと、App.vueおよびrouter/index.jsを変更していきます。 とりあえずアピール用のホームページなので プロフィール インターン経験 制作物・研究内容 ここら辺を右上にタブがあるよくある感じのやつで記述したいです。 ざっくりと・・ HTML/CSS/JavaScriptを.vueファイルでコンポネント別に作成できる。 importして利用できる。 router-viewが切り替わる。 タブメニューを作成する <template> <div> <ol> <li v-for="(item, index) in items" :key=index> <router-link v-b
最もよく使われているJavaScriptのフレームワークのひとつに、Vue.jsがあります。 Vue.jsを使えば複雑なユーザーインターフェイスも比較的簡単に構築でき、すでにHTML/CSSやJavaScriptの知識があるならばそれほど学習コストもかかりません。 Vue.jsは一枚板なフレームワークとは違い、部分ごとに少しずつ適用でき、また他のライブラリと組み合わせて使用できます。高い柔軟性をもち、インターフェイスを構築する上での可能性を広げてくれるのです。 ではこのオープンソースフレームワークを使うことで、どんなことができるのでしょうか。この記事ではCodePenのアーカイブから厳選した、パワフルで思わず目を引く8つの実用例をご紹介します。 1. カーソルで線を描く 以下のスニペットのように、Vue.jsを使えば通常のボタンクリックを超えたインタラクティブなUIが作成できます。 スクリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
