如果 div下面存在模板,Vue里面也有模板的話,在執行的時候,vue會自動忽略div下面的嗎? <h1>hello</h1>中的hello不會在頁面輸出?
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>vue入門</title> ????<script?src="vue.js"></script> </head> <body> ????<div?id="root"> ????????<h1>hello</h1> ????</div> ????<script> ????????new?Vue({ ????????????el:"#root",//掛載點 ?template:'<h2>bee2{{msg}}</h2>', ????????????data:{ ????????????????msg:"Hello?World?bee" ?} ????????}) ????</script> </body> </html>
2018-06-03
剛試了一下是會忽略原來的DOM節點??梢粤私庖幌耉ue生命周期。在beforeMounted 和 mounted 之間進行了替換:創建vm.$el 并且用這個替換掉 'el'。你可以去生成的DOM里看看,h2標簽已經替換掉了 div標簽。