三、 也不用在main.ts中引入babel了四、 在vue.config.js中配置transpileDependenciestranspileDependencies这个数组里写上你第三方依赖库里没有被编译成es5的包名, 比如我项目中引用了query-string, query-string自己依赖了'split-on-first','strict-uri-encode', ...

以上是实现项目结果，难点在于二级的拖动不会影响三级，就是二级领导可以随便换，三级员工保持不变，一二三级可以随便拖拽，还有一些新建和条件弹窗等功能。vue-draggable是数据驱动的，实现以上效果，而且布局要随之变化，确实花费了一些功夫。

通过打开谷歌浏览器的dev tools -> Settings -> Elements -> Show user agent shadow DOM, 你可以看到其实Audio标签也是由常用的 input标签和div等标签合成的。

D（文档）可以理解为整个Web加载的网页文档，O（对象）可以理解为类似window对象只来的东西，可以调用属性和方法，这里我们说的是document对象，M（模型）可以理解为网页文档的树形结构，DOM树由节点构成

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 {代码...} 二、join() join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的，默认使用','号分割，不改变原数组。 {...

1、join('sep')：将数组元素组合成字符串。以sep为分隔符，省略的话则默认使用逗号为分隔符。 {代码...} 2、reverse(): 反转数组元素。 {代码...} 3、concat(): 数组的合并，将参数添加到原数组的末尾，返回添加过后的新数组，不改变原数组。 {代码...} 4、push(): ...

1、join('sep')：将数组元素组合成字符串。以sep为分隔符，省略的话则默认使用逗号为分隔符。 {代码...} 2、reverse(): 反转数组元素。 {代码...} 3、concat(): 数组的合并，将参数添加到原数组的末尾，返回添加过后的新数组，不改变原数组。 {代码...} 4、push(): ...

1、join('sep')：将数组元素组合成字符串。以sep为分隔符，省略的话则默认使用逗号为分隔符。 {代码...} 2、reverse(): 反转数组元素。 {代码...} 3、concat(): 数组的合并，将参数添加到原数组的末尾，返回添加过后的新数组，不改变原数组。 {代码...} 4、push(): ...

修改 .postcsssrc.js 中关于 postcss-px-to-viewport 的 selectorBlackList忽略转换的配置可解决问题， 配置如下