码迷,mamicode.com
首页 > 其他好文 > 详细

slot

时间:2020-07-12 14:39:32      阅读:41      评论:0      收藏:0      [点我收藏+]

标签:color   src   技术   实现   load   内容   png   lazy   元素   

props: 父组件通过props向子组件传递数据
插槽:父组件通过插槽向子组件传递HTML节点内容。子组件子需要在HTML中定义<slot></slot>插槽标签即可
达到的效果是:实现父组件向子组件动态传入HTML节点内容

具名插槽


特点:<slot></slot>标签只会出现在子组件中
<slot></slot>标签有name属性,定义了name就表示这是一个具名插槽
一个不带 name 的 <slot> 出口会带有隐含的名字“default”。
v-slot 注意 v-slot 只能添加在 父组件的<template> 或者组件上,出现在HTML元素标签上立即报错

技术图片

 

 

技术图片

 

slot

标签:color   src   技术   实现   load   内容   png   lazy   元素   

原文地址:https://www.cnblogs.com/xiaoliziaaa/p/13288011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!