摘要： 组件通信在我们平时开发过程中，特别是在vue和在react中，有着举足轻重的地位。本篇将总结在vue中，组件之间通信的几种方式： props、$emit $parent、$children $attrs、$listeners provide、inject eventBus vuex 本地存储 一、p 阅读全文

摘要： 这道面试题现在应该挺常见了吧： // 定义a，使下面代码可以打印出"哈哈！" if(a==1&&a==2&&a==3){ console.log("哈哈！"); }else{ console.log("嘻嘻！"); }； 我当初看到题目的第一反应：what？一个数可以同时和三个数相等？会不会是toS 阅读全文

摘要： 小伙伴们平时开发过程中，对获取到的本地时间有没有进行一些特殊的处理啊。比如页面需要展示这样的时间：2021.07.22、2021/07/22、2021-07-22等 。 下面我们封装一个方法，可以获取自定义格式的日期格式，可自定义精确到年月日时分秒哦~ 上代码： 1 /** 2 * 3 * @par 阅读全文

摘要： 前面对脚手架和其原理有个初步的认识: 认识vue-cli脚手架 、 浅析vue-cli脚手架命令的执行过程 本篇将和大家一起实操，从零开始搭建一个简易的脚手架(需要有node环境)~ 首先，新建一个文件夹wang-cli-test，在该文件夹下打开终端，初始化项目：npm init -y。 用vs 阅读全文

摘要： 前面我们封装了一维数组(具备树形结构相关属性)处理成树形结构的方法:https://www.cnblogs.com/coder--wang/p/15013664.html 接下来我们来一波反向操作，封装一个可以将树形结构的数据扁平化的方法。这种场景在业务中还是很常见的，比如一个级联选择器，有时候你需 阅读全文

摘要： 大家在平时业务中应该经常跟小数打交道吧,有没有被小数点的保留位数问题搞得头疼啊。比如，保留一位小数，保留俩位小数，保留三位小数，向上取整、四舍五入等等。 而我最近在项目中正好遇到类似的问题：有的地方要求保留一位小数，有的地方要求保留俩位，有的地方要求四舍五入，有的地方要求向下取整。。。这些情形，总不 阅读全文

摘要： 本文主要实现：根据el-table表格数据自动生成表头筛选条件的方法，可根据表格数据动态调整。 el-table表格的表头增加筛选功能，大家平时都是怎么实现的呢？先看看官方文档的例子： 1 <template> 2 <el-button @click="resetDateFilter">清除日期过滤 阅读全文

摘要： 不知道大家平时工作中，有没有遇到这样一种情况：后端接口返回的数据，全都是一维的数组，都是平铺直叙式的数据，业务需求却要你实现树形结构的功能。那么，针对这种情况该怎么办呢？是跟后台好好沟通一下呢，还是沟通一下呢 :） 下面我将封装一种重组树形结构数据的方法，希望能够给大家带来一点帮助！ 1 /** 2 阅读全文

摘要： 本文将在vue+element ui项目中简单实现menu菜单的懒加载。 最近接到这样的需求：菜单的选项不要固定的，而是下一级菜单选项需要根据上级菜单调接口来获取。what? 这不就是懒加载吗？翻了一遍element ui文档，并没有找到menu菜单的懒加载，于是乎就自己手写一个啦。 首先最外层，子 阅读全文

摘要： 上一篇文章，已经大致了解脚手架是什么以及脚手架是如何工作的。接下来，稍微深入一下脚手架的工作过程（以vue-cli为例）。首先抛出3个问题： 1.明明全局安装的是@vue/cli，最后执行的命令却是vue？ 2.全局安装@vue/cli时发生了什么？ 3.执行vue命令时发生了什么，为什么vue指向 阅读全文