挂载点:也就是Vue实例中el属性对应的id的dom节点,Vue只会处理挂载点的内容。
<div id="root"></div>
模板:挂载点内部的内容都称作模板内容,其中模板还可以放置在Vue的实例中进行编写,如果使用Vue实例方式,则需要使用标签把数据包起来。
<!-- 挂载点,模版,实例之间的关系 --> <div id="root"></div> <script> new Vue({ el:"#root", template: '<h1>hello {{msg}}</h1>', data: { msg: "hello world" } }) </script>
实例:实例需要指定挂载点,还可以指定模板和数据,并且Vue会自动结合模板和数据进行展示。