<template>
<a v-bind:href = "link">
<li class = "item">
    {{title}}
    <br>
    {{site}}
    <br>
    {{date}}
</li>
</a>
</template>

<script>
export default {
  name: 'noticeItem',
  data () {
    return {
      date: '2020-20-20',
      title: 'example title',
      site: 'imaginary site',
      link: 'site link'
    }
  }
}
</script>

<style>
.item{
    background: white;
    height: 70px;
    padding: 10px;
}
</style>