title: How to call data table value to console.log Vue.js (vuetify)
body: <blockquote>
    <p>Hi, Just a newbie in Vue.js. I just want to call the name from data table using console.log. I've just copy the code from the vuetify website and i'm trying to manipulate. I want to call the desserts name from the sample table to the cons. Here's the code   </p>
  </blockquote>
  
  <pre><code>&lt;template&gt;
    &lt;div class="about"&gt;
      &lt;h1&gt;Manage Companies&lt;/h1&gt;
  
        &lt;v-container&gt;
          &lt;v-data-table
          :headers="headers"
          :items="desserts"
          class="elevation-1"
          search=""
        &gt;
  
          &lt;template v-slot:items="props"&gt;
            &lt;tr @click="cmdpush"&gt;
            &lt;td&gt;{{ props.item.name }}&lt;/td&gt;
            &lt;td class="text-xs-right"&gt;{{ props.item.calories }}&lt;/td&gt;
            &lt;td class="text-xs-right"&gt;{{ props.item.fat }}&lt;/td&gt;
            &lt;td class="text-xs-right"&gt;{{ props.item.carbs }}&lt;/td&gt;
            &lt;td class="text-xs-right"&gt;{{ props.item.protein }}&lt;/td&gt;
            &lt;td class="text-xs-right"&gt;{{ props.item.iron }}&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/template&gt;
  
        &lt;/v-data-table&gt;
  
  
  
        &lt;/v-container&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  
  
  &lt;script&gt;
    export default {
  
      data () {
        return {
  
          headers: [
            {
              text: 'Company Name',
              align: 'left',
              sortable: true,
              value: 'name'
            },
  
            { text: 'Calories', value: 'calories' },
            { text: 'Fat (g)', value: 'fat' },
            { text: 'Carbs (g)', value: 'carbs' },
            { text: 'Protein (g)', value: 'protein' },
            { text: 'Iron (%)', value: 'iron' }
          ],
          desserts: [
            {
              name: 'Frozen Yogurt',
              calories: 15,
              fat: 6.0,
              carbs: 24,
              protein: 4.0,
              iron: '1%'
            },
            {
              name: 'Ice cream sandwich',
              calories: 237,
              fat: 9.0,
              carbs: 37,
              protein: 4.3,
              iron: '1%'
            },
            {
              name: 'Eclair',
              calories: 262,
              fat: 16.0,
              carbs: 23,
              protein: 6.0,
              iron: '7%'
            }
          ]
  
        }
  
      },
  
        methods:{
          cmdpush(){
            console.log()
          }
        }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>can someone please give link for crud tutorials in vue</p>