Vue中slot的常见用法
程序开发
2023-09-20 10:05:40
Vue中的slot对于编写可复用可扩展的组件是再合适不过了，常见的用法有以下3种：
1. 插入一个匿名的slot，匿名的情况只适用于只插入一个的时候；
2. 插入有名的slot，当插入的slot有多个的时候，需要按名占位；
3. 在slot的内部可以将值通过有名slot传递出去，让外层组件接收；
以下是代码实例：
首先是App.vue，调用了所有组件，插入了所有的有名和匿名的Slot。
前置图标--{{ value }} 以下是App组件里引入的TodoList组件，这是一个可以插入匿名Slot的组件。
以下是App组件里引入的TodoItem组件，这是一个可以插入有名Slot的组件。
哈哈哈 以下是最终的渲染结果：
标签：
相关文章
-
无相关信息