SOURCE

console 命令行工具 X clear

                    
>
console
var obj = {
  foo: 'bar'
}
Object.freeze(obj) new Vue({
  el: '#app',
  data: obj
})
<html>
  
  <head>
    <link rel="stylesheet" href="index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">
    </script>
  </head>
  
  <body>
    <div id="app">
      <p>
        {{ foo }}
      </p>
      <!-- 这里的 `foo` 不会更新! -->
      <button v-on:click="foo = 'baz'">
        Change it
      </button>
    </div>
  </body>

</html>