filtersはタブメニュー部分。中のliタグがタブそれぞれのliタグ中のaタグには:classがある。最後のbuttonタグclear-completedは全削除ボタン。@clickとv-showがある。}}でリストの件数が表示される。リストがタブメニューで:classで選択された時のclass設定が紐付けられている。buttonタグは全削除ボタンでクリックイベントが仕掛けられている。}}が一瞬表示されないようにする設定。]で囲っているのが特徴的。以降はサンプルのindex.cssのスタイルで一般的な内容なので省略するが、下記のような参考になるスタイルが見受けられた。URIで直接埋め込む「完了済み」に打ち消し線(line-through)を設定する次回、JS編に続く...長くなったので2回に分けます。HTMLを見た限り、v-cloakとカスタムディレクティブは初めてだったけど基本はこれまでに触れてきた基本的なv-系の組み合わせなことがわかりました。v-と省略記号@、:を覚えておけばVue.jsの独自属性は識別しやすそう。次回はいよいよ、JSコードの中にlocalStrageに関する処理が見つかると思うので楽しみです。07:52Tweet関連記事2019-08-22【Vue.js】コンポーネントにpropsオプションで値を渡すVue.jsシリーズの続きです。前回はコンポーネントにカウンター...2019-08-17【Vue.js】コンポーネントにカウンターを仕込む(※dataオプションを無名関数に!)Vue.jsシリーズ続きです。前回はコンポーネントでハローワール...2019-08-14【Vue.js】コンポーネント事始め(グローバル登録とローカル登録)Vue.jsシリーズの続きです。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。