在vue里，会出现很多文件引入的情况。常见的就是在router或者公共组件的引用，我们分别对这两种情况进行讨论，并提出优化方式。一.router文件的引入当我们的项目体系足够大时，将路由全都放在index.js文件是不优雅的，页面代码过于复杂会造成阅读和维护的困难。所以这个时候，我们一般采取分模块引用，一个模块对应一个js文件，里面存放对应的路由信息。但是当我们的模块足够多时，重复的文件引入对我们

appendChild加入子节点失效

1.安装依赖npm i vue-print-nb2.挂载依赖Vue.use(Print)3.包装元素<!-- 需要给外层包裹元素ref，在点击打印阶段需要使用ref获取打印元素，需要指定id用于捆绑触发打印的按钮 --><div ref="printTest" id="printTest">需要打印的数据</div>4.创建打印按钮<!-- v-print

element里面的el-cascader组件宽度会根据里面的数据自动延伸，也就导致了一下这种情况这个时候咋们可以直接设置他的最大宽度，就可以限制他的自由延伸.el-cascader-node {max-width: 250px;}这个语句不能写在scoped里面，会失效但是这也有一个新的问题，那就是有部分内容被遮挡，这个时候就需要我们的另一个组件上场了——el-tooltip咱们使用el-cas

vue2和vue3通过red获取元素

对于elementui里面的scrollbar组件，一直没有一个清晰的使用方法，似乎每次使用需要的代码都不同，需要加各种乱七八糟的样式加穿透样式，今天自己测试了下，似乎并没有想象的复杂。1.最简单的使用<template><div><el-scrollbar><div class="box"><ul><li v-for="item