无理淘

一个牛皮的、基于 Vue.js 和 Element UI 开发的低代码表单组件。相对于使用 Element UI，可以提高 10 倍开发效率。

从这篇开始，我就逐步去实现概览中演示的表单效果。平时我们写表单时，都是一个表单写一个组件，保存时使用el-form提供的validate方法进行校验，当任何一个表单项校验失败时，阻止表单提交；

在我尝试加入一种新的表单类型时，我发现我已经无。从。下。手。 1. 子组件 所有的子组件中都需要包含两个方法validate、getData供父组件调用。 2. 父组件 使用策略模式存储并获取子表单的ref(用于获取子表单的方法)和提交函数 。省略了大量的if-else判断。

在项目文件的根目录下创建.eslintignore文件，编辑文件，添加需要忽略验证模式的文件，比如以下是src下所有文件都取消严格模式的写法

当然，这里的警告我是知道怎么回事，但是这个错误我就很不明白了，原来eslint是一个语法检查工具，但是限制很严格，在我的vue文件里面很多空格都会导致红线(红线可以关闭提示)，虽然可以关闭，但是在编译的时候老是会跳出来，所以能关闭是最好的了。 然后重新运行一下npm run d…

有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，有点烦人了。 我们可以在创建工程的时候选择不要安装eslint。就是在安装工程的时候，出现【Use ESLint to lint your code?】时选…

百度后发现是因为项目中用了eslint 的原因，导致是严格模式，那么我们关闭一部分的语法检查就好了。 打开vscode安装插件的地方，搜索并安装以下几个插件。 接下来重新打开vscode，并且运行项目，就好了。

灵魂拷问：你 VS Code settings.json 文件有多少行了？还记得它们都是配置用来干嘛的吗（hhh）？本篇带来 10 个 settings.json 高（装）阶（杯）配置项~

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…