Vuetify Basic

by KomathiKarunakaran

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>

CSS

#a {
  width: 50%;
}

table {
  width: 50% !important;
}

JavaScript

Vue.use(Vuetify);

var vm = new Vue({
	el: "#app",
  methods: {
  	add(){
    	this.people.push({
      	name: this.newName,
        number: this.newNumber
      });
      
      this.newName = undefined;
      this.newNumber = undefined;
    }
  },
  data: {
  	fake: undefined,
  	newName: undefined,
    newNumber: undefined,
  	people: [
    	{ name: "Alpha", number: 1 }
    ],
  	headers: [
    	{ text: "Name", value: 'name' },
      { text: "Number", value: 'number' },
      { text: "Inputs", value: 'name' }
    ]
  }
});