slot-scope和#default是Vue中用于定義插槽的兩種不同語法，它們在Vue 2和Vue 3中有不同的應用場景和語法規則。?
slot-scope
在?Vue 2.x?中，slot-scope是用于聲明具名插槽并獲取父組件傳遞過來的數據的主要方式。通過slot-scope可以定義一個變量scope，該變量包含了當前行的數據（row）、列數據（column）和行索引（$index）等屬性。例如：
<el-table-column label="性別"><template slot-scope="scope">{{ scope.row.gender ? '男' : '女' }}</template>
</el-table-column>
在這種寫法中，slot-scope是標準的具名插槽數據訪問方式，適用于Vue 2項目?1。
#default
在?Vue 3.0?中，#default是具名插槽的語法糖，提供了一種更簡潔的方式來訪問插槽數據。通過解構賦值，可以直接從插槽的作用域上下文中提取出需要的屬性。例如：
<el-table-column label="性別"><template #default="{ row }">{{ row.gender ? '男' : '女' }}</template>
</el-table-column>
這種寫法在需要提取多個屬性時更加清晰和簡潔，尤其是當需要訪問index時，可以寫成`template #default="{ row, $index }"`?1。
使用場景和語法區別
- ?slot-scope?：適用于?Vue 2?項目，是標準的具名插槽數據訪問方式。如果項目使用Vue 2框架，必須使用slot-scope來實現對el-table單元格內容的自定義?1。
- ?#default?：適用于?Vue 3?項目，提供了更簡潔的語法糖，尤其適合需要提取多個屬性的場景。這種新的語法讓代碼看起來更加簡潔，尤其是在需要提取多個屬性時，解構賦值的方式更加清晰?1。
