Vue生命週期筆記

引用官方的一張圖片

理解的地方是，如果使用了template的話，最後渲染的時候使用的就是template中的內容替代了el中的內容，

例如 

原始的html文件

<div id="app"></div>

使用的vue實例 

new Vue({
    el: '#app',
    template: '<div>hello world</div>'
})

那麼最終顯示的html將會是

<div>hello world</div>

這時我們可以看到已經沒有id屬性了。

如果我們沒有使用template，就會將el中的內容作爲template來渲染最終的html，也就是沒有發生變化。