在childSlot.js 中 name: 报错 是什么情况 烦请前端大神解决

<!DOCTYPE html>






这段话也是来自defaultSlot.vue,但它写在ChildSlot标签上面,因此,虽然他会有一个棕色的背景色,但不会被红色边框圈起来。



这是插槽的练习。这段话来自defaultSlot.vue,且会有一个浅绿色的背景色。本页面引入了childSlot.vue;而childSlot.vue中
有一个slot标签,因此,在这段话的上面,还会显示childSlot.vue中的内容。而如果注释掉childSlot.vue
中的slot标签,则本段内容不显示。因为这段话写在ChildSlot标签中,因此,它也会被一个红色
的边框圈起来。



这段话也是来自defaultSlot.vue,但它写在ChildSlot标签下面,因此,虽然他会有一个灰色的背景色,但不会被红色边框圈起来。


import ChildSlot from '../childSlot.js' export default { name: "defaultSlot", components: { ChildSlot } }

以上是defaultSlot.html 页面



这是childSlot.vue中的内容,他会被一个红色的边框圈起来


export default { name: "childSlot" }

以上是
childSlot.js

https://www.jb51.net/article/133733.htm