Vue相关

在element-ui中有穿梭框，但是el-transfer不能满足一些特定的需求，比如多部门人员之间的调动，所以我们需要手动封装一下zb-transfer。 父组件 子组件（主要）

已知有一个对象数组 现在有一个需求就是我们需要拿到该对象数组里面的label属性对应的值的集合，也就是下面的这个样子。 当我这样写完以后，老大就看了一下我写的代码，说了一句，不够优雅，于是我又重新写了

有如下数组： 我们需要根据name的值找到所有对应的value值输出在屏幕上(项目要求输出一个数组)。 话不多说，直接上代码。

遇到一个需求，需要统计一个数组对象里面的重复的字段的属性值Value 话不多说直接上代码 先遍历原数组，将项目名字加入到数组nameArr中，并判断有无重复，如果有重复的话，就将重复的元素的value

由于项目里最近要用到echarts图表来展示数据，以前没有用过echarts图表来进行展示数据，看了一下官网，还挺简单的，然后我就开始了我的三部曲。 第一步，向后台请求数据；第二步，将数据赋值到dat

web1.0时代 刚开始前端做项目的时候，都是html，css，js，html5，css3，这样就导致三个问题。 （1）前后端代码都在一起，不容易维护。 （2）开发人员的责任不容易区分。 （3）这样写

一、认识webpack（本篇基于webpack5进行说明，与webpack4可能有些地方不太一样） 概念 事实上随着前端的快速发展，目前前端的开发已经变的越来越复杂了 比如也会使用一些高级的特性来加快

简单来说，组件之间的通信就是组件之间传递数据来达到某个目的。每个组件之间的都有独自的作用域，组件间的数据是无法共享的但实际开发工作中我们常常需要让组件之间共享数据，这也是组件通信的目的要让它们互相之间

vue实例的时候定义的data属性既可以是一个函数也可以是对象，但是在组件中只能是一个函数。 一、vue实例 如果组件当中定义为一个对象 就会出现下面的警告： 二、组件data定义函数与对象的区别 上

我们今天来说一下new Vue()的这个过程做了些什么？ 首先我们找到Vue这个构造函数，如下所示，可以发现options是用户传过来的配置，比如methods，data等等 Vue函数调用了_ini

表单提交是开发中非常常见的功能，也是和用户交互的重要手段： 比如用户在登录、注册时需要提交账号密码； 比如用户在检索、创建、更新信息时，需要提交一些数据； 这些都要求我们可以在代码逻辑中获取到用户提交

一、v-show和v-if的共同点 我们都知道在vue中的v-show与v-if的作用效果是相同的（不含v-else），都能控制元素在页面上是否显示， 在用法上也是相同的。如下代码所示： 当表达式为t