Javascript 如何在Vue.js中需要插槽?

Javascript 如何在Vue.js中需要插槽?,javascript,vue.js,Javascript,Vue.js,我以前有一个字符串,可以包含HTML(来自服务器,而不是用户),我接受它作为道具。简而言之,是这样的 <foobar alert-content="<strong>bazboo</strong>"> </foobar> 我觉得在这里一个位置更有意义,所以我开始通过一个位置 <foobar> <strong>bazboo</strong> </foobar> bazboo 如您所料,在模

我以前有一个字符串,可以包含HTML(来自服务器,而不是用户),我接受它作为道具。简而言之,是这样的

<foobar alert-content="<strong>bazboo</strong>">
</foobar>
我觉得在这里一个位置更有意义,所以我开始通过一个位置

<foobar>
    <strong>bazboo</strong>
</foobar>

bazboo
如您所料,在模板中有一个插槽。它是有效的。但我不能再需要它了


我如何在Vue.js中需要插槽?

我不知道有任何内置方式可以像需要道具一样需要插槽,但是您可以在创建组件时检查默认插槽,从而非常轻松地提供相同的功能

这里有一个例子

console.clear()
组件(“TestComponent”{
模板:`
`,
创建(){
如果(!this.$slots.default)
错误(“TestComponent要求在插槽中提供内容。”)
}
})
新Vue({
el:“应用程序”
})


如果没有,你会期望什么行为?与我无法通过所需道具时的行为相同的行为将是理想的。哈,提供一个默认插槽内容,警告开发人员。。。
<foobar>
    <strong>bazboo</strong>
</foobar>