Vue学习笔记_插槽slot

插槽：

使用场景：
将父组件的html片段传递给子组件。

插槽使用：

关键字slot
在子组件中使用标签 ，即可以将父组件里的html片段显示在子组件slot区域。

		
            
插槽使用
        

		var slot_1 = {
            template:'
hello
默认值
'
        };

具名插槽：

在有多个插槽时，指定在子组件对应哪个插槽的内容。
父组件：通过属性slot指定插槽名。

子组件：通过 对应父组件的插槽名。

demo：

		// 父组件：
		
            
具名插槽2-1
            
具名插槽2-2
        

		// 子组件：
		var slot_2 = {
            template:`

                        
                        
                      
`
        };

插槽作用域：

在父组件的插槽中，想要显示子组件的数据，需要用插槽作用域的方式。
父组件：使用标签