更新时间:2022-11-09 19:16:46
这一点确实比较奇怪 -- new Vue({el: '#app'})
等价于 new Vue({}).$mount('#app')
,而文档中提到:
// 创建并挂载到 #app (会替换 #app)
new MyComponent().$mount('#app')
注意:替换!所以在你的第二个例子中,ul#part
其实被替换成了 <my-list>
也就是一个 <li>
.
而为啥第一个例子正常运行呢?因为第一个例子中你没有指定template
,所以ul#part
的HTML会被当作模版,而此时ul#part
会被保留。如果你非要问为什么会被保留,只能说u大就是这样设计的。。。