加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

久等了,提高开发效率的Vue 技巧来了

发布时间:2019-10-20 12:23:46 所属栏目:建站 来源:徐月超
导读:最近俩月正好用 vue 做了一个大数据的项目,蕴蓄了许多心得。本日终于有机遇分享出来了。 组件(component)的行使 vue 提供的模块化无疑是进步开拓服从的神器,并且对付后期代码优化和维护也提供的极大地便利。 组件行使简介 vue 提供了组件成果,组件又可

这个是我界说的一个获取会员套餐的环境,会员套餐许多个页面城市用到。可是他窜改次数频仍,并且也没须要用户一登录就去加载,因此行使 action 存起来。假如没有这个值就执行 ajax 哀求,假若有就直接返回功效。

echarts

echarts 图表界的晚年迈了,支持 N 多种图表,设置项说好几千应该没过甚其辞吧。不外也正由于繁多的设置项才给了你更多的自由设置的也许。那用 echarts 有什么能力呢?

快速定位设置项

久等了,进步开拓服从的Vue 能力来了

echarts 包括问题、图例、提醒框、标注、标线... ... 等控件,调解个样式真的欠好找。可是此刻官方新插手了一个术语速查手册,之前我都是去旧官方上查,此刻新官方上有了这个对象然则有福了。我必要调解谁人控件的结果在上面一点就带我到响应的 API 的确是好用到飞起。

久等了,进步开拓服从的Vue 能力来了

优化项目代码 不是专门的数据展示项目,用到的图表范例着实不多。凡是是一个图表重复用,而 echarts 设置一个图表凡是都好几十行代码。把这个设置项拿出去只传进来一个参数代码多整洁。这个实现出格简朴,要是还没这么做提议顿时优化你的项目哦

axios

axios 是相同于 ajax 的的第三方控件。以是这个我也是蛮有设法跟各人交换的。

我在开拓中碰着一个坑,官方文档说支持 IE,可是 IE 压根不支持。是由于 axios 底层是用 promise 写的,IE 压根还不支持这个属性,因此必要引入 profill 。办理步伐是引入 babel-polyfill

  1. // 步调1 
  2. npm install --save babel-polyfill 
  3. // 步调2 在 vue.config.js 文件中插手以下内容 
  4. module.exports = { 
  5.     configureWebpack: config => { 
  6.         return { 
  7.             entry: { 
  8.                 app:['babel-polyfill', './src/main.js'] 
  9.             } 
  10.         } 
  11.     } 

拥有本身的 axios 默认设置 这个代码过长,我就不分享了。想要可以存眷公家号入群交换(二维码在底部)

总结

原来还想在酝酿酝酿,不外近期发此刻不总结一下本身就快徐徐的健忘了,个中尚有许多对象没写出来,像项目优化能力,指令体系。可是这篇笔墨已经很长了。以是只能到这里了,

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读