本文共 467 字，大约阅读时间需要 1 分钟。

一,前言

前面介绍了插槽的使用和作用域插槽,Vue还能访问clot分发的内容,虽然在实际开发中很少会使用到这个功能,但在组件中很重要这一篇简单介绍如果访问插槽

二,访问slot

在Vue1.x中,想要获取一个slot是很困难的,Vue2.x提供了一个可以访问插槽内容的方法:$slots,使用也非常简单通过$slots可以访问指定的具名slotthis.$slots.default包含所有没有被包含在具名slot中的节点

使用上一篇作用域插槽的代码进行简单修改:

   
    
            
     
标题
        
             
     
{
   { message }}
        
     
底部
    
    
   

运行结果:

通过this.$slots.header获取到的分发内容是一个数组对象通过header[0].elm.innerHTML可以获取内容

三,结尾

本篇简单介绍了slot的访问,这部分在实际开发中很少使用但是在render函数创建组件时会比较有用,用于独立组件开发