SOURCE

console 命令行工具 X clear

                    
>
console
Vue.component("child",{
   render:h=>{console.log('render');return h('h1','123')},
   beforeCreate:()=>console.log('child beforecreate'),
   created:()=>console.log('child created'),
   beforeMount:()=>console.log('child beforeMount'),
   mounted:()=>console.log('child mounted'),
   beforeUpdate:()=>console.log('child beforeUpdate'),
   updated:()=>console.log('child updated')
  },
 )
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  },methods:{f(){this.message="hi"}}
})
<script src="//unpkg.com/vue"></script>

<div id="app">
<div @click="f">{{message}}</div>
<child ></child>
</div>

<div style="color:red" id="app2"></div>