Div waits

HTML

<div id="app">
  <p>{{ foo }}</p>
  <!-- this will no longer update `foo`! -->
  <button v-on:click="foo = 'baz'">Change it</button>
  <ol>
    <li v-for="item in items">
      {{ item.text }}
    </li>
  </ol>
</div>

Vue

var obj = {
  foo: 'bar'
}

Object.freeze(obj)

new Vue({
  el: '#app',
  data: obj,
  items: [
  {id: 0, text: 'hi'},
  {id: 1, text: 'hi 1'}
  ]
})