一.命令输入（下拉菜单）

前言 --> 下拉菜单组件特点

• 下拉菜单组件应该由两部分组成：
  • 选中项的文本
  • 待选菜单（默认隐藏）
• 它的主要功能包括：
  • 鼠标经过下拉菜单组件，显示待选菜单
  • 鼠标滑出下拉菜单组件，隐藏待选菜单
  • 鼠标点击待选菜单中的条目，选中项文本更新，组件派发 change 事件

1.目录结构

├── dropdown                      
│   ├── dropdown-item.vue       
│   ├── dropdown-menu.vue           
│   ├── dropdown.vue                 
│   └── index.js

2.组件封装

3.使用案例

<template>
    <vue-button>按钮</vue-button>
</template>

总结

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