Vue笔记（四）：插槽（slot）

时间：2022/01/15

插槽（Slot）用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。

示例代码：

 1 
 2 
 3 
 4     
 5     
 6     
 7     
 8 
 9 
10 
11     

12         
13         
14             
15             for="item in items" v-bind:list="item">
16         
17 
18     
19     
20     
21 
22     
52 
53 
54 
55 

在上面的代码中，todo的template中的内容如果不加反斜杠，那么只能写在一行中，但是为了提高代码的可读性，又要使代码不出问题，就需要在每次换行的后面加上一个反斜杠来转义。除此之外，在使用slot时要注意通过name属性来将slot和对应的component进行绑定。