首页 > 其他 > 详细

vue的slot

时间:2017-08-21 12:32:47      阅读:408      评论:0      收藏:0      [点我收藏+]

  1.明确一点:分发内容是在父作用域内编译;

  2.slot作为备用内容的条件:宿主元素为空且父元素没有要分发的内容。

  3.具名slot:<slot name="XXX">    对应    父组件写在子组件标签内的 <tag slot="XXX">;其他不具名的内容分发给默认slot,没有默认slot则丢弃。

  4.作用域插槽,本质上就是一个具名slot,不过绑定的是父作用域中的<template scope=‘props‘>,子组件中的slot可以绑定数据,template能从props中获取这些数据并对内容进行渲染。编译后的结果是slot替换成template中的内容。

vue的slot

原文:http://www.cnblogs.com/alan2kat/p/7403636.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!