vue为什么必须包含div

vue为什么必须包含div？

笔者入坑Vue也有一段时间了，对Vue也算了解，Vuex、Vue-Router也用了不少；但是前几天一看到这个面试问题却感觉一下子回答不上了，想来每次写代码也都是拿来就用，也没有仔细的思考过里面的原因；每每报错了就换一种写法，能用就行，仅此而已。

这个问题要从两个方面来说：

当我们实例化Vue的时候，填写一个el选项，来指定我们的SPA入口： 如果我们把代码改造一下，变成两个入口。

这时候会发现只有第一个div被渲染出来，而第二个div还是原封不动。我们简单来看一下Vue的源码是如何实现的可以看到挂载函数传了一个el参数，这个参数可以是string类型，也可以是一个element元素，也就是dom节点。最重要的是el = el & & query(el)这一行代码，那就继续看一下query函数是做什么的：首先query函数判断是否是string类型，如果是string类型，就通过querySelector函数获取页面中的元素，但是querySelector仅仅返回匹配指定选择器的第一个元素，所以这就解释了为什么第二个div会原封不动。

Vue其实并不知道哪一个才是我们的入口，因为对于一个入口来讲，这个入口就是一个Vue类，Vue需要把这个入口里面的所有东西拿来渲染、处理，最后再重新插入到dom中。如果同时设置了多个入口，那么vue就不知道哪一个才是这个类。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！