Vue 生命周期钩子

 

?

1	<script src="/js/vue.js"></script>

  

?

1 2 3 4 5

<div id="content">     {{count}}     <button @click="add">ADD</button>     <button onclick="app.$destroy()">销毁</button> </div>

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

var app = new Vue({     el: '#content',     data:{         count:0     },     methods:{         add:function(){             this.count ++;         }     },     beforeCreate:function(){         console.log('1beforeCreate 初始化');     },     created:function(){         console.log('2created 创建完成');     },     beforeMount:function(){         console.log('3beforeMount 挂载之前');     },     mounted:function(){         console.log('4mounted 被创建, 可以在此次请求后端数据初始化');     },     beforeUpdate:function(){         console.log('5beforeUpdate 数据更新前');     },     updated:function(){         console.log('6updated 被更新后');     },     beforeDestroy:function(){         console.log('7beforeDestroy 销毁之前');     },     destroyed:function(){         console.log('8destroyed 销毁之后')     } })