Vuetify Basic

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/vuetify.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vuetify.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">
<div id="app">
<v-app dark>
  <v-layout row wrap>
  <v-flex xs8 offset-xs2 v-for="question in questions" :key="question.id">
    <v-select
      :label="question.question_text"
      :items="question.alternatives"
      item-value="alternatives"
      item-text="text"
      @change="checkAnswer"
      single-line
    ></v-select>
  </v-flex>
  </v-layout>
        
</v-app>
</div>

JavaScript

Vue.use(Vuetify);

var vm = new Vue({
	el: "#app",
  methods: {
		checkAnswer(answer) {
      Vue.set(this.selected, answer.text, answer.value);
      alert(this.selected[answer.text]);
    }
  },
  data: {
    selected: [],
		questions: [
     { 
      id: 1,
      key: "cristiano",
     	question_text: 'The Last Name of Cristiano is:',
      alternatives: [ 
      	{ text: 'Ronaldo', correct: true, value: 'A'},
        { text: 'Rivaldo', correct: false, value: 'B' },
        { text: 'Messi', correct: false, value: 'C' }
      ]
     },
     {
     	id: 2,
      key: 'vue',
      question_text: 'Vue.js, is a:',
      alternatives: [
      	{ text: 'Javscript Framework', correct: true },
        { text: 'Php Framework', correct: false },
        { text: 'Python Framework', correct: false }
      ]
     }
    ]
  }
});