default-expanded-keys的使用

### 回答1：
default-expanded-keys是一个Vue组件中的属性，用于设置默认展开的节点的key值。在Vue的Tree组件中，每个节点都有一个key值，用于标识该节点的唯一性。当设置了default-expanded-keys属性后，这些key值所对应的节点会默认展开。

例如，我们有一个树形结构的数据，其中有三个节点，分别为A、B、C。我们想要默认展开节点A和B，可以这样设置：

<template>
<el-tree
:data="treeData"
:default-expanded-keys="['A', 'B']"
></el-tree>
</template>

<script>
export default {
data() {
return {
treeData: [
{
key: 'A',
label: '节点A',
children: [
{
key: 'A-1',
label: '节点A-1'
},
{
key: 'A-2',
label: '节点A-2'
}
]
},
{
key: 'B',
label: '节点B',
children: [
{
key: 'B-1',
label: '节点B-1'
},
{
key: 'B-2',
label: '节点B-2'
}
]
},
{
key: 'C',
label: '节点C',
children: [
{
key: 'C-1',
label: '节点C-1'
},
{
key: 'C-2',
label: '节点C-2'
}
]
}
]
}
}
}
</script>

这样，页面加载时，节点A和B会默认展开，节点C会默认关闭。

### 回答2：
default-expanded-keys是Vue.js 2.5版本中的一个配置项，用于设置用于展开嵌套的树形数据的对象的默认值。默认情况下，它是一个空数组[]，表示所有的节点都处于折叠状态，即初始状态下所有节点都是关闭的。在树形结构中，当我们想要展示某个节点的所有子节点时，我们需要将该节点展开。这时，我们就可以通过设置default-expanded-keys来展开想要打开的节点。

default-expanded-keys的使用方法如下：

1. 在Vue实例的data中设置default-expanded-keys属性，并将其值设置为一个数组，该数组包含默认要展开的节点的key值，例如：['1', '2']，表示节点1和节点2处于展开状态。

2. 在tree组件的props属性中，设置expandedKeys属性为default-expanded-keys，以将其应用于树形组件中。

3. 当我们想要在树形组件中展开某个节点时，可以通过修改default-expanded-keys来实现。例如，我们可以监听树形组件的node-click事件，并将所点击节点的key值添加到default-expanded-keys数组中，以展开该节点。

default-expanded-keys的使用使得我们能够方便地控制树形数据的展开和折叠状态，提高了组件的可用性和用户体验。同时，Vue.js的响应式设计使得我们无需手动更新节点的展开状态，节点的状态会随着default-expanded-keys的变化而自动更新，极大地简化了开发过程。

### 回答3：
default-expanded-keys（默认展开的键）是一个可选的属性，用于展开Tree组件中特定节点的子节点。当一个Tree组件的默认展开状态需要被设置时，就需要使用这个属性。这个属性的值是一个数组，数组中的元素为指定需要默认展开节点的key值。

在使用default-expanded-keys属性时，需要注意：

1. 它仅对非异步数据（即指的是所有节点均已预加载）的Tree组件有效。对于异步数据，可以通过动态修改node的expand属性来展开或折叠节点，但无法使用default-expanded-keys属性设置默认展开状态。

2. default-expanded-keys属性仅在Tree组件第一次渲染时生效。如果需要在动态修改了节点expand属性后重新渲染生效，需要手动调用Tree组件的updateKeyChildren方法或者设置key字段的值改变节点的key来强制更新。

3. 如果需要使用它，首先需要确保Tree组件的所有节点都有key属性，否则无法有效设置展开状态。

总之，default-expanded-keys属性可以帮助我们在建立Tree组件时设置默认的展开状态，提高组件的可用性和用户体验。