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