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属性里面

posted @ 2018-08-25 16:52  wzndkj  阅读(772)  评论(0)  编辑  收藏  举报