Vue 中插槽的作用和原理_vue 插槽原理

slot又名插槽，是vue的内容分发机制，组建内部的模版引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。slot又分三类，默认插槽，具名插槽和作用域插槽。
默认插槽：又叫匿名插槽，当slot没有指定的name属性值的时候一个默认显示插槽，一个组件内只能有一个匿名插槽。
具名插槽：带有具体名字的插槽，也就是带有name属性的slot，一个组件内可以出现多个具名插槽。
作用域插槽：默认插槽，具名插槽的一个变体，可以是匿名插槽，也可以是具名插槽，该插槽的不同点是子组件渲染作用域插槽时，可以将子组件内部的数据传递给父组件，让父组件根据传递过来的数据决定如何渲染该插槽。
实现原理：
当子组件vm实例化时，获取到父组件传入的slot标签内容，存放在vm.$slot 中，默认插槽为vm.slot.default,具名插槽为vm.slot.xx,，xx为插槽的名字，当组件执行渲染函数时，遇到slot标签，使用$slot中的内容进行提换，此时可以为插槽传递数据，若存在数据，则可称改插槽为作用域插槽。