vue学习19：使用插槽

插槽的使用场景：

子组件中，显示一段内容，这一段内容不是子组件决定的，而是由父组件决定的。

<div id="app">
        <bcontent>
            <p>I am Slot</p>
        </bcontent>
    </div>
    <script>
        var bcontent = {
            template:  `<div>
                            我是插槽
                            <slot></slot>
                        </div>`
        }
        var app = new Vue({
            el: '#app',
            components: {
                bcontent
            }
        })

2、具名插槽：当父组件传递多个插槽的时候

3、作用域插槽