vuejs挂载点，模板与实例的关系

<body>
　　<div id='root'>
　　　　<h1>{{msg}}</h1>
　　</div>
　　<script>
　　　　new Vue({
　　　　　　el:'#root',
　　　　　　data:{
　　　　　　　　msg:'hello world'
　　　　　　}
　　　　})
　　</script>
</body>

挂载点：element对应的标签

上面的html中{{msg}}去掉

<div id='root'></div>

这个标签就称之为vue实例的挂载点，因为下面的el，也就是element正好与上面的标签的id对应的上

模板：挂载点内部的内容

<h1>{{msg}}</h1>

这个就是模板，模板也可以有多种方式

new Vue({
　　el:'#root',
　　template:'<h1>{{msg}}</h1>',
　　data:{
　　　　msg:'hello world'
　　}
})

这种写在实例里面也可以,所以模板就是挂载点内部的内容，模板可以写在挂载点内部，也可以写在实例里面template属性里面