如果 div下面存在模板，Vue里面也有模板的話，在執(zhí)行的時(shí)候，vue會(huì)自動(dòng)忽略div下面的嗎？ <h1>hello</h1>中的hello不會(huì)在頁面輸出？
<!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",//掛載點(diǎn)
?template:'<h2>bee2{{msg}}</h2>',
????????????data:{
????????????????msg:"Hello?World?bee"
?}
????????})
????</script>
</body>
</html>
2018-06-03
剛試了一下是會(huì)忽略原來的DOM節(jié)點(diǎn)?？梢粤私庖幌耉ue生命周期。在beforeMounted 和 mounted 之間進(jìn)行了替換：創(chuàng)建vm.$el 并且用這個(gè)替換掉 'el'。你可以去生成的DOM里看看，h2標(biāo)簽已經(jīng)替換掉了 div標(biāo)簽。