Vue 2.0 Hello World

by Steve

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <ul>
    <li v-for="address in addresses">
      {{ address.address }} - {{ address.city }} -- {{ address.state }}
    </li>
    <form>
      <input type="text" v-model="newaddress.address">
      <input type="text">
      <input type="text">
    </form>
  </ul>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    addresses: [
    	{address: '12 fake st', city: 'henderson', state: 'NV'},
      {address: '13 fake st', city: 'vail', state: 'CO'},
      {address: '14 fake st', city: 'arlington', state: 'VA'},
      {address: '', city: '', state: ''},
    ]
  }
})