mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-18 10:17:16 +00:00
23 lines
658 B
Vue
23 lines
658 B
Vue
|
<template>
|
||
|
|
<ul>
|
||
|
|
<li v-for="(post, index) in posts" :key="index">
|
||
|
|
<h3>{{ post.date }}</h3>
|
||
|
|
<h2><nuxt-link :to="post.link">{{ post.title }}</nuxt-link></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"/>
|