组件的插槽：
组件的插槽也是为了让我们封装的组件更具有扩展性。
让使用者可以决定组件内部的一些内容到底展示什么。
如何封装合适？
抽取共性，保留不同。
1.最好的封装方式就是将共性抽取到组件中，将不同暴露为插槽。
2.一旦我们预留了插槽，就可以让使用者根据自己的需求，决定插槽中插入什么内容。
3.是搜索框，还是文字，还是菜单，由调用者自己来决定。
<body>
<div id="app">
<!-- 在cpn下面就会多按钮 -->
<cpn><button>按钮</button></cpn>
<cpn><span>哈哈哈</span></cpn>
<cpn><i>呵呵呵</i></cpn>
<cpn><button>按钮牛</button></cpn>
</div>
<template id="cpn">
<div>
<h2>我是组件</h2>
<p>我是组件，哈哈哈哈哈哈哈</p>
<slot></slot>
</div>
</template>
<script src="../vue.js"></script>
<script&
最低0.47元/天 解锁文章
194
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
