vuejs掛載點，模板與實例的關系
阿新 • • 發佈：2018-08-25
標簽 pan vue class scrip world emp round back
<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‘></這個標簽就稱之為vue實例的掛載點，因為下面的el，也就是element正好與上面的標簽的id對應的上 模板：掛載點內部的內容div>
<h1>{{msg}}</h1>這個就是模板，模板也可以有多種方式
new Vue({ el:‘#root‘, template:‘<h1>{{msg}}</h1>‘, data:{ msg:‘hello world‘ } })
這種寫在實例裏面也可以,所以模板就是掛載點內部的內容，模板可以寫在掛載點內部，也可以寫在實例裏面template屬性裏面
vuejs掛載點，模板與實例的關系