Vue slot 用法

Vue 实现了一套内容分发的 API,将  元素作为承载分发内容的出口。可以理解为模板中的占位符, 在实例化时用自定义标签元素替代.

本文基于Vue 2.0 最新语法.

slot 的用法大概分为三种:

  • 匿名插槽
  • 具名插槽
  • 作用域插槽

一. 匿名插槽



                                                                  模板




                                                                            使用

二. 具名插槽




                                                                              模板



                                                                               使用

三. 作用域插槽




                                                                                 模板




                                                                                使用

 

你可能感兴趣的:(Web)