vue eslint开发严格模式警告错误解决方法

如果我们初次使用vue-cli来构建单页SPA应用，在撸代码的过程中有可能会遇到这种因为代码缩进导致

页面报错的问题，导致我们烦不胜烦。接下来我们就来看一看如何解决这个小问题。。。

原因分析

通过查看package.json文件我们可以发现，在文件中默认安装了eslint-loader模块，eslint-loader模块是目前相对比较流行的代码检测工具，可以检测书写的代码是否符合统一规范，可以在一些比较大型的项目开发中统一开发人员的代码风格，这也就是为什么代码缩进有可能导致页面报错的原因（代码缩进不符合规范）。

解决办法

方法一：了解eslint-loader规则，严格按照规范书写代码

首先缩进不能用tab要用空格这个比较恶心，因为习惯了tab缩进的习惯用空格去缩进就比较别扭了，

意外的制表符（Unexpected tab character），

在“{”之前找到的多个空格（Multiple spaces found before '{'），