Vue心得
请针对我谢谢
这个作者很懒,什么都没留下…
展开
-
关于在vue2.6+ts技术栈下高德地图API的使用方法
最近公司某个项目用上了vue2.6+typescript的技术栈,整个工程都是用vue-cli3直接生成的,自带了ts-loader来解析ts文件,非常方便。但是对于一些没有没有声明文件的第三方模块,用起来会比较麻烦,过程中,我们用到的高德地图就是其中之一,虽然官方推荐使用vue-amap,但是想追求粒度更细的操作,还是原生的api更为方便,下面来记录一下全程的配置过程。一、引入api文件...原创 2020-01-20 14:37:43 · 3412 阅读 · 2 评论 -
vue项目中全局消除console的几种途径
在日常开发中,经常免不了在debug或者联调时在函数中使用console打印变量,但是过后总会有人忘记删除,造成在生产环境中依然把这些测试的打印变量输出到控制台的尴尬,容易造成内存泄露。所以最近根据项目需要,找到了两种处理的途径,分别比较一下。一、使用webpack的UglifyJsPlugin配置鉴于目前大多数项目无论是react还是vue,都基本在wepack的配合下开发,那么就少不了...原创 2019-11-24 10:38:39 · 2922 阅读 · 0 评论 -
关于Vue开发中的一些踩坑记录(四)
一、关于vuex的dispatch与直接commit的区别vuex既可以通过dispatch一个action来触发commit来调用mutation来改变vuex状态管理的变量,其实也可以直接调用this.$store.commit进行提交直接改变状态,但是其实两者是有区别的。dispatch其实返回的是一个promise对象,它的提交其实是一个异步操作,所以很多时候如果我们某个组件需要实...原创 2019-08-28 17:10:41 · 457 阅读 · 0 评论 -
vue实现子组件监听父组件数据状态变化而变化
一、使用背景正常情况下,更多推荐的是利用vuex来进行父子组件间的状态变化监听,毕竟vue是支持单向数据流的,违背了这个特性,一是不好维护,二是耦合性降低了,但是否没有了vuex,子组件就难以主动根据父组件的变化而变化呢?这里探讨一下可行的办法,供大家思考。二、实现原理其实子组件往外传递数据,不外乎借用$emit的方法。试想像一个场景,比如说开发一个定时组件,出发的按钮在子组件上,需求是...原创 2019-07-29 22:35:55 · 12298 阅读 · 0 评论 -
关于在Vue中使用localStorage的技巧
一、导读关于在Vue中进行状态或数据储存的方案,主要有Vuex,LocalStorage,sessionStorage等几种,但是如果应对的场景是属于那种可以手动刷新,只需第一次加载的页面时,vuex的优势就不明显了,因为一旦刷新就相当于失效,而如果展示的数据非常大,那么sessionStorage也会因为大小的限制问题而被放弃,那么如何能够提高页面的加载体验同时,又能有效地管理本地状态呢?答...原创 2019-06-10 22:56:42 · 5684 阅读 · 0 评论 -
关于Vue开发中的一些踩坑记录(三)
一、async&await在生命周期中的使用如果你希望在生命周期中做到阻塞异步,ES6中虽然提供了aysnc的语法糖,但是在钩子函数中使用是无法生效的,如:async created(){ await this.getList();}mounted(){ this.format()}//这里依然会是执行完mounted()中的this.format()之后才执行this.g...原创 2019-06-04 16:21:52 · 775 阅读 · 0 评论 -
关于Vue中生成pdf的注意事项,内容缺失,样式缺失等
一、背景近日接到一个需求是把element表格内容输出成pdf,在网上找了许多方案,主要是利用html2canvas + jspdf 来实现的比较多,然而一方面由于html2canvas对某些css样式有支持缺陷之外,canvas本身截取的内容也非常多坑,所以借此机会记录一下二、踩坑记录(一)pdf生成的内容缺失,不完整首先,如果你的pdf内容和我一样,到了页面大概1/2或2/3的位置就断...原创 2019-06-12 17:25:32 · 12504 阅读 · 5 评论 -
关于Vue开发中的一些踩坑记录(二)
一、导读本文少量涉及踩坑,更多涉及目前在vue+element得开发环境下得一些技巧以及潜在隐患做记录。二、踩坑&技巧(一)善用CommonJS和ES6模块规范基于解藕得原则,很多时候我们会把每个模块得请求封装成一个js文件,然后再把各个js文件统一管理,那么在导入api接口函数时可能会出现以下情况:import { getLoraList } from "@/api/bat...原创 2019-05-30 17:29:36 · 279 阅读 · 0 评论 -
关于使用elementUI、v-chart开发后台中遇到的问题集合
最近入职新公司,接手的是phper用vue的element-admin和v-chart快速开发的一个物联网管理后台,代码暴力直接,很多模块都没有用到组件化,直接照搬了demo的实例修改,这就无意间增加了我接手的难度,所以趁还有记忆,记录一下自己遇到的坑。一、数据过滤优化前端最常做的就是对后台返回的数据做过滤和整合,那么对于那种对象与数组间关联的数据处理,我们经常会套用一层又一层的循环来达到...原创 2019-04-18 17:25:20 · 1957 阅读 · 3 评论 -
关于Vue开发中的一些踩坑记录(一)
前言最近公司在做关于物联网的管理后台,因为v1版本是用php后端渲染的,目前v2版本用前后端分离的方法相当于完全重构了,于是采用了Element-admin + vue的方式作为前端技术栈进行开发,过程中遇到不少坑,有些是因为以前的基础薄弱,有些则是新的知识,所以借此记录一下。一、Vue中的事件代理在原生ES5或ES6开发中,由于经常和dom元素打交道,我们可以很轻易地通过浏览器的冒泡和...原创 2019-04-25 22:47:20 · 754 阅读 · 0 评论 -
Vue的双向绑定实现原理浅析——适用于其他MVVM框架
一、前言在Vue.js的使用中,不多不少会触及到数据驱动视图的功能,也就是我们常说的“数据双向绑定”,并且在面试中也经常会被问及它的实现原理,今天打算做个由浅入深的总结,回顾知识。二、MVVM的概念首先需要理解MVVM到底是什么。要说起这个,还得从最早的MVC开始说起,直接上图两者的区别:首先我们看MVC:然后是MVVM:可以发现,实际上MVVM是有MVC演变而来,由原来的 ...原创 2019-03-07 11:32:06 · 242 阅读 · 0 评论