vue
peindaihe
一名兴趣使然的码农
展开
-
vue3.0源码解读 -渲染系统
vue3.0的patch相对于2.0做了很多优化,vue3.0在编译阶段会对vnode截形flag标记,用于对vnode更新时的diff做性能优化。下面我们从patch函数入口开始一步一步的了解3.0时如何进行patch的,以及具体有了哪些性能提升。 ...原创 2020-05-30 23:13:20 · 2532 阅读 · 1 评论 -
vue双向绑定原理解析
vue双向绑定原理解析 最近项目中大量用到vue技术栈的东西,让我这个对底层原理很感兴趣的菜鸟(这不是找虐吗,哈哈哈哈!)好奇vue的双绑定具体是怎么实现的,于是研究了一哈vue的源码(虽然过程略艰辛),收获很大,为了能更加深入的体会一下双向绑定的魅力,于是乎自己撸了一个简易版的demo。 ps一句:不得不佩服尤雨溪大神的脑回路,请收下我的膝盖!!!我相信用过vue的老帖们此时心里也在说:“俺也一...原创 2019-07-18 23:26:20 · 121 阅读 · 0 评论 -
iview form 表单 自定义参数验证
由于公司项目快速开发需求,需要使用到iview组件库的Form组件,但是默认的表单验证不太能够满足相对复杂一些的验证需求,然后只能求助官方文档(太杂了,没看看明白)和度娘(度娘简单粗暴,再不行谷歌)。 自定义的表单验证如下,没什么太需要注意的,只要用过iview的应该能看明白,直接贴代码: <FormItem label="分类:" prop="MenuClassifyId"> ...原创 2019-08-03 18:07:22 · 1468 阅读 · 0 评论 -
vue异步组件与按需加载
应用场景 由于最近项目的需要,接触了vue的按需加载,也就是我们常说的vue异步组件,尤其是项目比较庞大的情况下,使用异步组件实现按需加载是非常重要的,假如我们不做按需加载优化,那么工程最后统统都打包到固定的几个bundle.js里,当我们去访问某个页面时,可能仅仅使用到一个组件,但是会将所有打包后的代码统统进行加载,这样就大大增加了加载成本,假如加载的这个js非常大,那么网页的白屏时间 ( js...原创 2019-08-23 12:21:06 · 641 阅读 · 1 评论