刚开始看这个slot的时候有点蒙，想了几分钟才明白过来，汗颜
<script>
var mycompoent = Vue.extend({
template:"<div><h2>子组件标题</h2><slot>如果有内容不显示这句话</slot></div>"
})
new Vue({
el:"#app",
components:{
"mycomponent":mycompoent
}
})
</script>
<body>
<div id="app">
<h1>父组件标题</h1>
<mycomponent>
<p>因为有p标签元素，所以slot里面的内容不会显示，可以试试把p标签不要试试</p>
</mycomponent>
</div>
</body>
时间： 2024-10-10 04:58:27