Edit in JSFiddle


              

              
<body>

	<div id="root">

		<ul>
			<li v-for="name in names">{{ name }}</li>
		</ul>

		<input type="text" v-model="newName">
		<button @click="addName">Add Name</button>

	</div>

	<script>
  	new Vue({

			el: '#root',
			data: {
				newName: '',
				names: ['Joe', 'Jane', 'Jon']
			},

			methods: {
				addName() {
					this.names.push(this.newName);
					this.newName = '';
				}
			}	
		
		});
  
  </script>

</body>