1. 程式人生 > >vue 生命週期~~

vue 生命週期~~

  4個階段:
             1. 建立(create)階段:建立元件物件,和模型資料物件
               new Vue({ data: { ... } })
               Vue.component("xxx",{ data:function(){ return { ...}}})
             2. 掛載(mount)階段:掃描真實DOM樹,建立虛擬DOM樹,並繫結模型中的資料到檢視中
               new Vue({ data: { } , el:"#app"})
               Vue.component("xxx",{
                  data:function(){ return { ...}},
                  template:"#template"
               })
             3. 更新(update)階段:只要模型資料發生變化,就更新元件的內容和DOM樹
             4. 銷燬(destroy)階段:主動呼叫了$destory()函式,銷燬元件時