插槽

1、匿名插槽

　　父组件

　　　　<Nav>

　　　　　　<p>1111111</p>

　　　　　　<p>222222</p>

　　　　</Nav>

　　子组件

　　　　<div>

　　　　　　<slot></slot>

　　　　</div>

2、具名插槽

　　父组件

　　　　<Nav>

　　　　　　<p  slot="p1">1111111</p>

　　　　　　<p  slot="p2">222222</p>

　　　　</Nav>

　　子组件

　　　　<div>

　　　　　　<slot  name="p1"></slot>

　　　　　　<slot  name="p2"></slot>

　　　　</div>

3、作用域插槽（插槽传值）

　　父组件

　　　　<Nav>

　　　　　　<p  slot="p1"  slot-scope="obj1">{{obj1.title}}</p>

　　　　　　<p  slot="p2"  slot-scope="obj2">{{obj2.name}}</p>

　　　　</Nav>

　　子组件

　　　　<div>

　　　　　　<slot  name="p1"  title="111"></slot>

　　　　　　<slot  name="p2"  name="abc"></slot>

　　　　</div>