Vue.js 如何';插槽激活器';在vuetify工作?

Vue.js 如何';插槽激活器';在vuetify工作?,vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,我正在使用Vuetify预定义模板“Google联系人” 链接: 我是Vuetify的新手,在理解一些代码时遇到困难。一种是“插槽激活器” 示例代码: {{item.text} 有人能告诉我“插槽激活器”是如何工作的吗?当您声明Vue组件时,您可以创建一个Vue本机功能(不是来自Vuetify): 例如,假设我们有一个applayout组件 以下模板: 父标记: 这里可能有一个页面标题 主要内容的段落 还有一个 以下是一些联系信息 渲染结果将是: 这里可能有一个页面标题 主要内容的

我正在使用Vuetify预定义模板“Google联系人”

链接:

我是Vuetify的新手,在理解一些代码时遇到困难。一种是“插槽激活器”

示例代码:


{{item.text}

有人能告诉我“插槽激活器”是如何工作的吗?

当您声明Vue组件时,您可以创建一个Vue本机功能(不是来自Vuetify):

例如,假设我们有一个
applayout
组件 以下模板:


父标记:


这里可能有一个页面标题
主要内容的段落

还有一个

以下是一些联系信息

渲染结果将是:


这里可能有一个页面标题
主要内容的段落

还有一个

这里有一些联系方式

注意示例模板声明中的
(上面的第一个代码块)。当有人使用该组件时,她可以声明
这里可能有一个页面标题
,并且该代码将在最终标记中占据
的位置

下面是
的演示:

Vue.component('mycomponent'{
模板:“#mycomponenttemplate”
})
新Vue({
el:“#应用程序”
});

这里可能有一个页面标题
主要内容的段落

还有一个

以下是一些联系信息


非常好的解释!谢谢你能给我提供有关Vue或Vuetify的简易教程的链接吗?@Md.HarunOrRashid我找不到任何与术语
激活器直接相关的文档。请阅读答案的结尾。插槽的名称是任意的。他们称之为
activator
,因为他们想这样做。检查他们的代码:可能是其他任何东西,它也可以工作。