Vue.js 如何';插槽激活器';在vuetify工作?
我正在使用Vuetify预定义模板“Google联系人” 链接: 我是Vuetify的新手,在理解一些代码时遇到困难。一种是“插槽激活器” 示例代码:Vue.js 如何';插槽激活器';在vuetify工作?,vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,我正在使用Vuetify预定义模板“Google联系人” 链接: 我是Vuetify的新手,在理解一些代码时遇到困难。一种是“插槽激活器” 示例代码: {{item.text} 有人能告诉我“插槽激活器”是如何工作的吗?当您声明Vue组件时,您可以创建一个Vue本机功能(不是来自Vuetify): 例如,假设我们有一个applayout组件 以下模板: 父标记: 这里可能有一个页面标题 主要内容的段落 还有一个 以下是一些联系信息 渲染结果将是: 这里可能有一个页面标题 主要内容的
{{item.text}
有人能告诉我“插槽激活器”是如何工作的吗?当您声明Vue组件时,您可以创建一个Vue本机功能(不是来自Vuetify): 例如,假设我们有一个
applayout
组件
以下模板:
父标记:
这里可能有一个页面标题
主要内容的段落
还有一个
以下是一些联系信息
渲染结果将是:
这里可能有一个页面标题
主要内容的段落
还有一个
这里有一些联系方式
注意示例模板声明中的
(上面的第一个代码块)。当有人使用该组件时,她可以声明这里可能有一个页面标题
,并且该代码将在最终标记中占据
的位置
下面是
的演示:
Vue.component('mycomponent'{
模板:“#mycomponenttemplate”
})
新Vue({
el:“#应用程序”
});代码>
这里可能有一个页面标题
主要内容的段落
还有一个
以下是一些联系信息
非常好的解释!谢谢你能给我提供有关Vue或Vuetify的简易教程的链接吗?@Md.HarunOrRashid我找不到任何与术语激活器直接相关的文档。请阅读答案的结尾。插槽的名称是任意的。他们称之为activator
,因为他们想这样做。检查他们的代码:可能是其他任何东西,它也可以工作。