这很好理解,就是为vue开启一个入口,那我们不妨来想想,如果我在body下这样
<body> <div id='app1'></div> <div id='app2'></div> </body>
Vue其实并不知道哪一个才是我们的入口,因为对于一个入口来讲,这个入口就是一个‘Vue类’,Vue需要把这个入口里面的所有东西拿来渲染,处理,最后再重新插入到dom中。
如果同时设置了多个入口,那么vue就不知道哪一个才是这个‘类’。
二、当我们在webpack搭建的vue开发环境下,使用单文件组件时,你可能会这样:
<template> <div class='component'></div> </template>
那这里为什么template下也必须有且只能有一个div呢?
这里我们要先看一看template这个标签,这个标签是HTML5出来的新标签,它有三个特性:
1.隐藏性:该标签不会显示在页面的任何地方,即便里面有多少内容,它永远都是隐藏的状态;
2.任意性:该标签可以写在页面的任何地方,甚至是head、body、sciprt标签内;
3.无效性:该标签里的任何HTML内容都是无效的,不会起任何作用;
但是呢,你可以通过innerHTML来获取到里面的内容。
知道了这个,我们再来看.vue的单文件组件。其实本质上,一个单文件组