描述:插槽,也就是slot,是组件的一块HTML模板,一个slot最核心的两个问题是显示不显示和怎样显示
插槽分类:
1.1 单个插槽(单个插槽,别名默认插槽、匿名插槽,不用设置name属性)
1.2 具名slot(插槽加了name属性,就变成了具名插槽。具名插槽可以在一个组件中出现N次,出现在不同的位置)
1.3 作用域slot(vue2.5版本中slot-scope取代了scope,来实现作用域插槽,主要用在组件调用中,具体在template标签上面使用slot-scope来获取插槽slot上面的属性值,获取值的为一个对象,slot-scope=”它可以取任意字符串”,在element-ui的组件中经常看到)
Document 12345
1 2 3 4 5 6 7 8 9Document 10 11 12 13 141520 21 36 37 3816 1234517 5678918 19
1 2 3 4 5 6 7 8 9Document 10 11 12 13 1415 1627 28 53 54 5517 18 19 26索引:{
{JSON.stringify(scope)}}20索引:{
{scope.$index}}21姓名:{
{scope.row.name}}22年龄: {
{scope.row.age}}23性别: {
{scope.row.sex}}24 25