Vue.js computed 属性详解：动态筛选部门列表

这段代码是在 Vue 组件中使用计算属性 (computed) 来创建一个名为 'filteredDeptList' 的响应式数据。计算属性的值是一个函数，该函数会在依赖的数据 ('formData.parentId') 发生变化时自动更新。

函数 'filterDeptList' 是一个用于筛选部门列表的方法，它接受一个参数 'parentId'，并返回经过筛选后的部门列表。这个计算属性会根据当前的 'formData.parentId' 的值来动态计算 'filteredDeptList' 的值，并将结果保存在 'filteredDeptList' 中。

在 Vue 组件中，你可以使用 'filteredDeptList' 属性来获取经过筛选后的部门列表，并在模板中使用它。由于 'filteredDeptList' 是一个计算属性，当 'formData.parentId' 的值发生变化时，'filteredDeptList' 会自动更新，从而保持数据的实时性。