插槽用标签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>我是插槽
</comCame> `<!--p 标签会替代slot标签 很神奇吧!-->`