vue插槽

1、匿名插槽

　　父组件

　　　　<Nav>

　　　　　　<p>111111</p>

　　　　　　<p>222222</p>

　　　　</Nav>

　　子组件

　　　　<div>

　　　　　　<slot  />

　　　　</div>

2、命名插槽　

　　父组件

　　　　<Nav>

　　　　　　<p  slot="s1">111111</p>

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

　　　　</Nav>

　　子组件

　　　　<div>

　　　　　　<slot  name="s1"  />

　　　　　　<slot  name="s2"  />

　　　　</div>

3、作用域插槽

　　父组件

　　　　<Nav>

　　　　　　<p  slot="s1"  slot-scope="obj">{{obj.title}}-----{{obj.msg}}</p>

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

　　　　</Nav>

　　子组件

　　　　<div>

　　　　　　<slot  name="s1"  title="插槽1"  msg="信息1"   />

　　　　　　<slot  name="s2"  />

　　　　</div>