一,基本用法
就是子组件提供一个坑,父组件想要填什么就通过<slot>往坑里填,插槽里面的内容会被覆盖 被父组件填了
或者这样理解:插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定
<body>
<div id="app">
<com>随便填入点东西</com>
</div>
</body>
<script>
var com = {
template: `<div>
<h1>下面是插槽内容</h1>
<slot>杀杀杀</slot>
</div>`,
};
var vm = new Vue({
el: '#app',
components: {
com,
}
})
</script>