## 插槽 ``` <div id="app"> <child> <h1 slot="one">111</h1> //在这里插入内容,然后在template指定内容放置的位置 <p slot="two">222</p> </child> </div> <script> Vue.component('child', { props: ['content'], template: ` <div> <p>hello</p> <slot name="one"></slot> <slot >默认内容</slot> <slot name="two"></slot> </div> `, }); new Vue({ el: '#app', }); </script> ```