SOURCE

var vm = new Vue({
  el:"#app",
  data(){
    return {
      name:'lily',
      num:1
    }
  },
  beforeCreate:function(){
    console.log('beforeCreate')
    console.log(this.name)
    console.log('------------------------')
  },
  created:function(){
    console.log('created')
    console.log(this.name)
    console.log(this.add())
    console.log('------------------------')
  },
  beforeMount:function(){
    console.log('beforeMount')
    console.log('------------------------')
  },
  mounted:function(){
    console.log('mounted')
    console.log('------------------------')
  },
  beforeUpdate:function(){
    console.log('beforeUpdate')
    console.log('------------------------')
  },
  updated:function(){
    console.log('updated')
  },
  beforeDestroy:function(){
    console.log('beforeDestroy')
  },
  destroyed:function(){
    console.log('destroyed')
  },
  methods:{
    add(){
      return this.num++
    }
  },
  watch:{
    num:function(val,oldVal){
    console.log('watch num changed'+val)
    }
  }
})

<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
<!-- <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> -->
<div id="app">
  
</div>