vue 后台获取数据 下拉框_Vue开发中的一些常见套路和技巧
![](/assets/blank.gif)
属性排放
![](/assets/blank.gif)
管理请求加载状态
![](/assets/blank.gif)
Proxy跨域
![](/assets/blank.gif)
对developer和build的打包进行不同配置
大部分开发者都喜欢将Vue的config写在一个文件中,看起来是没有问题,但是随着环境的变化,项目优化,WebPack插件,等等具有针对性的配置进来后,就会显得稍微杂乱了,这个时候就可以考虑做单独的配置,通过process.dev分别对不同的环境进行一个config的引入,下面贴出我的配置方式。我在项目根目录下新建了一个config目录,里面将公共的方法进行拆包成一个public.js其他的根据生产环境和线下环境进行一个区分的编译。
![](/assets/blank.gif)
计算属性实用
![](/assets/blank.gif)
集合方法
![](/assets/blank.gif)
保持对Props的数据验证规范
![](/assets/blank.gif)
组件名称使用
大多时候,我们在组件中定义的name都是作为在template模板中使用的名称,这里建议使用驼峰命名,因为在vue中对驼峰命名做出了很好的解析。
![](/assets/blank.gif)
模板引擎调试
大多数时候,在template上面写一些逻辑非常难调试,都是直接看效果的,对于一些值来说,变得无法掌控,所以说在开发环境中,我都会在原型上挂一个全局的console.log方法进行调试
![](/assets/blank.gif)
获取数据的生命周期
对于数据的获取一直都是又存在争议的,大部分同学都是在created中获取的吧,我个人是在beforeMount中进行后台数据请求获取的
![](/assets/blank.gif)
使用async 和 await
大多数时候,在使用Promise的时候都是通过.then,.catch,.finally来进行处理的。但其实我更加的推荐使用async异步函数的方式来进行Pormise的处理,我们只需要进行数据的获取就好了,通过try异常捕获可以快速的对错误进行一个好的排查和抛出。参考上面获取数据的生命周期可以看到
![](/assets/blank.gif)
watch
![](/assets/blank.gif)
在自定义事件中,该值是从其子组件中捕获的值
![](/assets/blank.gif)
原作者姓名:steven_jxy
原出处:CSDN
原文链接:Vue开发中的一些常见套路和技巧_steven_jxy的博客-CSDN博客
vue 后台获取数据 下拉框_Vue开发中的一些常见套路和技巧相关推荐
- Vue开发中的一些常见套路和技巧(上)
Vue开发中的一些常见套路和技巧(上) 简介 大家好呀,我是 wangly19 ,这次文章主要是来总结下我在使用 Vue.js 总结出来的一些套路,可以做一些查缺补漏.如果还有有趣的小技巧,也可以在评 ...
- Vue开发中的一些常见套路和技巧
属性排放 export default {name: '名称',components: { // 组件挂载a},created(){} // 数据获取beforeMount() {}, // 数据获取 ...
- vue在列表和下拉框中显示icon图标
vue在列表和下拉框中显示icon图标 一. 在项目中引入阿里云icon图标 二. 在data中定义icon图标列表 三. 在下拉框中显示icon图标 四. 在列表中显示icon图标 五. 在el-c ...
- JavaScript获取select下拉框中的第一个值
JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...
- js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...
- jquery中如何获取select 下拉框默认选中的值?
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
- 【基于vue写的select下拉框】
一个基于vue写的select下拉框 <template><div class="selectCompents"><div class="s ...
- Easyexcel生成excel并通过自定义注解实现下拉框以及动态下拉框(将数据库中的数据显示在excel下拉框中)
首先需要定义excel实体类 @Data @ColumnWidth(22) @HeadRowHeight(30) public class ExcelProductDTO {//动态下拉框,可以查询数 ...
- CSS-解决苹果点击高亮、安卓select灰色背景(select下拉框在IOS中背景变黑、出现阴影问题)
CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IOS中背景变黑.出现阴影问题) 参考文章: (1)CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IO ...
最新文章
- 将一个一维数组转化为二进制表示矩阵。例如_算法之矩阵最大区域问题
- 2017/10/12 表格与表单
- Java多线模式-Producer-Consumer模式(生产者、消费者模式)
- 又一位先驱陨落:伯特·萨瑟兰去世,他参与创造互联网、Java、图形界面PC、微处理器,也是明智的实验室领袖...
- Linux第二周学习笔记(5)
- 小米无法链接华硕路由器_2000元的华硕电竞路由器开箱,如此高贵,体验是怎样的?...
- 选择行_外出旅游你会选择自由行还是跟团游?
- 物联网现状及落地难点
- 2021抖音口腔护理行业洞察报告
- Windows防火墙添加80端口,解决apache无法访问的问题
- PHP数据库操作:从MySQL原生API到PDO
- 飞思卡尔单片机编程与c语言,飞思卡尔单片机C语言编程(中文).pdf
- JAVA 16进制转字符串问题
- 一款综合短网址缩短和还原源码
- 每一题-101(患某种疾病的患者)
- 6.3.1广度优先搜索
- 乔治亚大学计算机科学,乔治亚大学的计算机科学排名,真得稳重考察
- android开发百度地图步行导航
- ThinkPhp6+Vue智慧医疗后台管理系统
- HTML5页面显示本地图片,h5使用FileReader读取本地上传的图片文件并显示到浏览器...
热门文章
- 不使用任何框架,手写纯 JavaScript 实现上传本地文件到 ABAP 服务器
- Subject 在 SAP Spartacus Popover Component 中的应用
- SAP Spartacus 中的 checkout(结帐) 设计
- 如何在ABAP Development Tool里只显示能在SAP云平台上使用的ABAP资源
- SAP Spartacus维护CMS Component到Angular Component的源代码位置
- Angular里的消息(Message)显示
- how about one resource file has two different methods both annotated with @Post
- 使用PHP应用查询SAP HANA Express Edition里的数据
- SAP CRM Fiori应用My note的技术实现
- SAP loyalty management点击了公式超链接后的处理逻辑