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

后端:查询所有信息

前台:elementUI


        

                v-for="item in stationNameList">

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

前台页面从数据库中获取下拉框值_第1张图片

详情查看:(vue)钩子函数,生命周期函数

前台页面从数据库中获取下拉框值_第2张图片

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

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

前台页面从数据库中获取下拉框值_第3张图片

你可能感兴趣的:(数据库,vue.js,前端)