テンプレートリテラルつかわずに改行してHTML表示する方法

GitHub Edit Page
この記事は公開から1年以上が経過しています。内容が一部古い箇所があります。

ちょっとビビった。たしかにそういうやり方があるにはあるのだが。

template: [
  '<div>',
  '<transition-group name="fade" tag="ul">',
  '<li v-for="post in posts" v-bind:key="post.title.rendered">',
  '<a :href="post.slug" @click.prevent="onclick(post)">{{post.title.rendered}}</a>',
  '</li>',
  '</transition-group>',
  '<button @click="loadMore">load more</button>',
  '</div>',
].join('\n');

参照:https://qiita.com/nanonum/items/a335ba09fc2c2c4e3d5e#htmlcssjs%E4%B8%B8%E3%81%94%E3%81%A8%E3%82%B3%E3%83%BC%E3%83%89

配列にして改行をjoinだと…! その手は思いつかなかった…!

だがテンプレートリテラルを使え

アーカイブ記事のため、内容に関する更新依頼は受け付けておりませんが、誤字や脱字などありましたらご連絡ください。

この記事に関する修正依頼
アーカイブ一覧へ戻る