如何手写实现Vue2下拉菜单组件，实现长尾词功能？

本文共计1940个文字，预计阅读时间需要8分钟。

目录+概述+最终效果（动态图未显示，请确定会查看背面）+实现原理+具体实现+目录结构+emitter.js+MyDropdown.vue+MyDropdownMenu.vue+MyDropdownItem.vue+总结+概述+一般后台项目结构

目录

• 概述
• 最终效果（动图没显示出来，请稍定会儿，可以先看后面）
• 实现原理
• 具体实现
• 目录结构
• emitter.js
• MyDropdown.vue
• MyDropdownMenu.vue
• MyDropdownItem.vue
• 总结

概述

一般后台项目结合分页组件用到这个dropdown组件，用来做显示分页条数，其他用到这个组件的地方倒不是很多，其实现思路和select组件有那么些相似,现记录下这个组件的实现。