<template>
  <div class="secondComponent">
    <h1>Second Component: {{nameProp}}</h1>
    <div class='item' v-for="item in items" v-bind:key="item">
      {{item}}
    </div>
  </div>
</template>

<script>
export default {
  name: 'secondComponent',
  props: {
    items: Array,
    nameProp: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
