テンプレートリテラルつかわずに改行してHTML表示する方法
この記事は公開から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');
配列にして改行をjoinだと…！ その手は思いつかなかった…！
だがテンプレートリテラルを使え