the <span> element correctly shows the ticket number. Given that ticket_number in data() is pointed at this.ticket_num, shouldn't I be able to console.log(this.ticket_number)? It currently returns undefined.

Component.vue

<template>
  <template slot="row-details" slot-scope="row">
     <span :ticket_num="row.item.ticket_number"></span>
  </template>
</template>

<script>
  export default {
    name: 'MaintenanceDetailsTable',
    props: ['ticket_num'],
    data: function() {
      ticket_number: this.ticket_num
    }
  }
</script>