一、生命周期
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>Vue的學習</title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app">{{msg}}</div><script type="text/javascript">var vm = new Vue({el:"#app",data:{msg:"hi Vue!"},// 開始進行生命周期// 頁面加載之前被調用beforeCreate:function(){alert('beforeCreate');},created:function(){alert('created');},beforeMount:function(){alert('beforeMount');},mounted:function(){alert('mounted');},// 只有更新數據后才會被調用beforeUpdate:function(){alert('beforeUpdate');},updated:function(){alert('updated');}});// vm.$data.msg = 'change';// setTimeout()函數setTimeout(function(){vm.$data.msg = 'change....';},3000)</script></body>
</html>
這一節要花點時間整明白生命周期是個什么原理,可以多試試代碼的效果,自己寫一些,咱們接下來學習下一節!!!?