mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-18 11:45:11 +00:00
31 lines
716 B
Vue
31 lines
716 B
Vue
<template>
|
|
<ul>
|
|
<li v-for="(post, index) in posts" :key="index">
|
|
<h3>{{ post.date }}</h3>
|
|
<h2>
|
|
<NuxtLink :to="post.link">
|
|
{{ post.title }}
|
|
</NuxtLink>
|
|
</h2>
|
|
</li>
|
|
<li style="border:none;text-align: center;font-size: 14px;">
|
|
Design from <a href="http://blog.evanyou.me" target="_blank">
|
|
EvanYou.me
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data: () => ({
|
|
posts: [
|
|
{ date: 'Jul 10, 2017', title: 'Deep dive into the Ocean', link: '/deep-dive-into-ocean' },
|
|
{ date: 'Jul 08, 2017', title: 'Welcome to my blog', link: '/welcome-to-my-blog' }
|
|
]
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style src="@/assets/css/index.css"/>
|