前台页面从数据库中获取下拉框值

后端：查询所有信息

前台：elementUI

<el-select v-model="searchData.stationName" clearable>
        <el-option :label="item.stationName" :value="item.stationName"

                v-for="item in stationNameList"></el-option>
</el-select>

--------------------------------------------------------------------------------------

详情查看：(vue)钩子函数，生命周期函数

        对浏览器来说，已经完成了dom与css规则树的render，并完成对render tree进行了布局，而浏览器收到这一指令，调用渲染器的paint（）在屏幕上显示，而对于vue来说，在mounted阶段，vue的template成功挂载在$el中，此时一个完整的页面已经能够显示在浏览器中，所以在这个阶段，即可以调用节点了（关于这一点，在笔者测试中，在mounted方法中打断点然后run，依旧能够在浏览器中看到整体的页面）。

        在实例挂载到DOM上后被调用，此时实例已经可以在DOM中进行操作了。在这个阶段可以进行一些需要DOM的操作，例如获取DOM元素、与第三方库交互等。