【前端学习记录】vue2的插槽新语法

前言

最近在看项目的代码，想到了vue在2.6.0后更新一些新语法，废弃了一些旧语法，更详细的使用介绍可以查看官网文档，插槽传送门

总结

整理了一下，大概更新如下：

1. 用#代替v-slot,#号是v-slot的简写；
2. slot=“header”的v-slot的写法就是#header，header为插槽名，即#header为具名插槽；
3. 默认插槽可以写成#default；
4. 原先的slot-scope="scope"可以写成#default=“scope”；
5. 考虑到可以解构使用row，那么#default=“scope"可以直接进行解构写法#default=”{ row }"；
6. #default=“{ row }”，还可以继续解构成#default=“{ row: { name } }”，这样就把名称的这个字段给解构出来了。