vue 插槽简介及使用示例

Vue的插槽，是一种内容分发机制，但是我感觉它更加像组件的一种占位符的概念，通过插槽，等待组件外部传入复杂的内容。在以前的例子中todo-item插槽直接写在了todo-list插槽中，其实是比较不合理的，它会导致todo-list插槽比较死板，无法重用更多的其他组件。通过插槽化改造，则可以允许使用todo-list组件的用户自行的传入想要使用的todo-item，而不是一个固定的内容。处理默认插槽外，还有具名插槽，作用域插槽等等。所谓的具名插槽就是指带有名称的插槽，解决的是一个组件中存在多个插槽的业务场景。一种是2.6之后的写法按照2.6之后的写法，我们尝试将todo-item组件中增加一个前置lable和后置lable. 如根据用户根据返回的值控制样式信息。