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>