Vue.js を使って h1 タグの内容をもとにページ内リンクのリストを作る方法 - Qiita一枚ペラのページを作るときに、ページ内の目次を作りたいという場合、セクションごとに ID をふるのはいいとして、それを手書きでリスト化するのは手間もかかるし、ミスのもとになります。 そんなときに Vue.js を使うとリストの作成、更新を自動化できて便利です。 完成イメージは下記のような感じです。 Vue.js のテンプレートを含んだ HTML はこのようになります。 <ul class="menu"> <li v-for="title in titles"> <a v-bind:href="'#'+title.href">{{ title.title }}</a> </li> </ul> <article> <header> <h1 id="first" class="add-to-list">First article</h1> </header> <section> <p>I hav
