Vue 自定义下拉框组件

好久没写东西，是时候搞一波了。

最近接手了一个新项目，设计狮要求严格按照设计稿来，so，只能放弃UI框架，自己写组件了，略苦逼。

平时用的最多的是Element-ui，组件都是很成熟的，拿来即用，很多内在的东西都不用去关心。直到需要自己去写的时候这些问题才会暴露出来，发现对于vue的基础知识欠缺很多，所以边写边学习吧。

写select组件的时候，发现有些东西还是挺 “可爱” 的，写下来分享一下，也算做一个笔记！

不怎么擅长写作，所以直接贴代码  : )

首先是模板部分：

<template>
    <div class="imSelector" @mouseleave="mouseleave">
        <p class="imSelectorTitle" @click="selectorToggle">
            {
  {value ? value : (title ? title : '-- 请选择 --')}} <i class="dh dhxiala"></i> 
        </p>
        <el-collapse-transition>
            <div class="imSelectorMenu" v-show="show">
                <p @click="getMenu(null, mark)