插槽用标签slot 即可 写在temelate 里面即可

  • 插槽slot 就是一个动态的组件 想要是他生效 直接在定义的 组件标签内添加其标签即可

比如

<script>
<template>
<div>
<h1>我是组件</h1>
<slot></slot> <!--我是插槽 -->
</div>

</template>

</script>

组件定义好了 接下来该怎么使用呢?

接下来给这个模板定义一个组件名

直接在 template id="name" 这个name是这个模板的一个标识 因为不止一个模板 且id不能重复

然后在js文件中的
components:{
comCame:{<!--这边就是声明该组件的名字啦!-->

template: "#name" <!--这边就是上面给模板定义的id-->

}

}

至此 你的组件名便是 comCame

要想使你的slot插槽生效只需这么做:

<comCame><p>我是插槽</p></comCame>  `<!--p 标签会替代slot标签 很神奇吧!-->`
最后修改:2021 年 07 月 25 日 09 : 36 PM