在做前端后台项目的时候经常会用到很多 icon 图标，刚开始还好，但随着项目的不断迭代，每次修改添加图标会变得很麻烦，而且总觉得不够优雅，就开始琢磨着有啥简单方便的工作流呢？

作者简介：koala，专注完整的 Node.js 技术栈分享，从 JavaScript 到 Node.js,再到后端数据库，祝您成为优秀的高级 Node.js 工程师。【程序员成长指北】作者，Github 博客开源项目 https://github.com/koala-codi…

第三种对象默认支持 4 种属性，并且都是非必填的。可以随意使用 在不定义 props 类型的情况下 props 接受到的均为 String。 $attrs 会获取到 props 中未定义的属性（class 和 style 属性除外）,支持响应式。常用的场景有俩种： 组件嵌套组件…

vue组件传值在日常开发中比较常见。 一般有三种传值方式：1.父传子、2.子传父、3.兄弟组件之间通信

本文主要记录一下如何基于 Vue 开发组件，并在 npm 上发布。废话不多说，进入正题 好了，到这里准备工作做好了，我们可以开始开发组件了，接着上面的例子，下面开始开发一个 switch 组件。 写的比较简单，主要还是提供思路。用习惯了开源的组件自己总得了解一下嘛，有的时候在…

项目中多出有上传文件的需求，使用现有的UI框架实现的过程中，不知道什么原因，总会有一些莫名其妙的bug。比如用某上传组件，明明注明（:multiple="false"）,可实际上还是能多选，上传的时候依然发送了多个文件；又比如只要加上了（:file-list="fileList…

上一篇关于vue面试的文章 （面试时面试官想要听到什么答案） 中提到了多种组件传值方式，本文对几种传值方式如何使用具体说明一下。 props、$emit、eventbus、vuex、$parent / $children / ref、sessionStorage、localSt…

以element ui为例，封装组件在项目中最为常见，代码的复用，并且可以把代码行数压缩，提升代码的阅读。 首先要考虑组件的复用性，一个好的组件可以让项目代码变得非常简洁。 就拿目前我在维护的项目为例，基本页面构成是由顶部的搜索和底部的表格组成，如果把两个封装成组件，这样满足复…

父子组件之间的双向绑定非常简单，但是很多人因为是从Vue 2+开始使用的，可能不知道如何双向绑定，当然最简单的双向绑定（单文件中）就是表单元素的v-model了，例如<input type="text" />它会响应表单元素的value属性，当输入框文本改变时，会将v…