三.数据输出（树）

前言 --> 树组件特点

• 下拉菜单组件应该由两部分组成：
  • 选中项的文本
  • 待选菜单（默认隐藏）
• 它的主要功能包括：
  • 节点可以无限延伸（递归）
  • 可以展开/收起子节点
  • 节点可以选中，选中父节点，它的所有子节点也全部被选中，同样，反选父节点，其所有子节点也取消选择
  • 同一级所有子节点选中时，它的父级也自动选中，一直递归判断到根节点

1.目录结构

├── tree
│   ├── tree-node-content.vue
│   ├── tree-node.vue
│   ├── tree.vue
│   └── index.js

2.组件封装

3.使用案例

3.1 全部加载

3.2 按需加载

总结

通过对前端组件的分析，需要重点关注组件中易变性对组件封装的影响，它会对组件的可复用性、可扩展性产生很大影响