Vue reactive demo

by leozcx

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <div>
    {{ hello}}
  </div>
  <div>
    {{ obj.hi}}
  </div>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    msg: 'a',
    obj: {hello: ''}
  },
  computed: {
    hello: function() {
      return 'Hello ' + this.msg
    }
  },
  beforeCreate () {
  //this.obj.hi = 'b'
  },
  created() {
    this.msg = 'Leo'
    this.obj.hi = 'aab'
    console.log(this.obj)
  },
  mounted () {
  	setTimeout(() => {
    this.obj.hi = 'aa'
    }, 1000)
  },
  methods: {

  }
})