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

vue的slot

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

标签:作用域   数据   slot   条件   vue   分发   template   替换   渲染   

  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

标签:作用域   数据   slot   条件   vue   分发   template   替换   渲染   

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

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