2016 年 3 月 13 日 Element 悄然诞生，经历了 4 年的风雨洗礼，我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。 截至本文撰写时，Element 已获得 48200 Github Star， NPM 下载量 95 万次/每月的…

先来一下演示效果。和vue的官方文档几乎是一致的，页面内容都可自定义。 此教程部署后的效果预览。 快速搭建一个文档/博客，后期只需要修改markdown内容和导航参数，即可一键打包生成页面。 页面具有非常好的加载性能和搜索引擎优化（SEO），其他的页面则会只在用户浏览到的时候才…

简介viewportWidth也是vw布局从配置上来说比rem布局的配置要简洁了很多不需要配置安装lib包也不需要增加一个rem.js文件简称拎包使用安装包或者配置移动端在vue.config.js中

1. 渲染项目列表时，“key” 属性的作用和重要性是什么？ 渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性，并且列表的内容发生了改变（例如对列表进行排序），则虚拟 DOM 宁愿使用更新的数据来修补节点，来反…

这可能是80%Vue友最常见的一个使用子组件的模式，没错，我也经常这么干...如果你用腻了这种方式，想换个新奇的，接着往下走，我们再学习两个不常用的但又很高效的使用方式，提升开发逼格。 想象一下一个会员中心组件，有一部分区域用来展示会员与会员差异的相关展示模块，但是这两个只会展…

上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”，还有很多读者问过我类似这样的问题。 我接的私活不算多，挣到的钱也没有多少，加起来不到 20W。说实话，这个数目说出来我是有点心虚的，毕竟太少了，大家轻喷。但我想，恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

瀑布流， 又称瀑布流式布局，是比较流行的一种网站页面布局。视觉表现为宽度相等高度不定的元素组成的参差不齐的多栏布局，随着页面向下滚动，新的元素附加到最短的一列而不断向下加载。 ​瀑布流本质上就是寻找各列之中高度最小的一列，并将新的元素添加到该列后面，只要有新的元素需要排列，就…