Vue:作用域

正式介绍slot前, 需要先知道一个感念: 编译的作用域.比如父组件中有如下模板:


    {{ message }}

这里的 message 就是一个 slot, 但是它绑定的是父组件的数据,而不是组件 的数据.
父组件模板的内容在父组件作用域内编译,子组件模板的内容是在子组件作用域内编译.例如下面的代码示例:





    
    示例




    

这里的状态 showChild 绑定的是父组件的数据,如果想在子组件上绑定,那应该是:





    
    示例




    

因此, slot 分发的内容,作用域是在父组件上的.

你可能感兴趣的:(Vue:作用域)