Vue

by Yuriy Bablyukh

HTML

<div id="app">
  <p>{{ foo }}</p>
  <!-- this will no longer update `foo`! -->
  <button v-on:click="foo = 'baz'">Change it</button>
</div>

CSS

div {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

Vue

var obj = {
  foo: 'bar'
}

/* Object.freeze(obj) */

console.log(obj);

new Vue({
  el: '#app',
  data: obj
})