Vue生命周期笔记

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,也就是没有发生变化。