Vue全家桶问题合集（不少eslint规范问题）

本身使用Vue全家桶问题合集（不少eslint规范问题）

参考规范

https://www.cnblogs.com/souleigh-hong/p/9050217.html

遇到不少问题一一道来。

1.vue报错 Do not use built-in or reserved HTML elements as component id:header

组件，不能和html标签重复

header组件，h5新标签重复

因为在模板须要插入到 DOM 中，因此模板中的标签名必须可以被 DOM 正确地解析。主要有三种状况：

　　　　一是彻底不合法的标签名，例如 </>；

　　　　二是与 HTML 元素重名会产生不肯定的行为，例如使用 input 作组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常；

　　　　三是与 Vue 保留的 slot、partial、component 重名，由于会优先以自己的意义解析，从而产生非预期的结果。

 

2.eslint: Expected indentation of 2 spaces but found 4

缩进报错 ，全部缩进只能用两个空格

 

3. Newline required at end of file but not found  

须要在最后的</style>后面再加一行!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

 

4.Missing space before value for key 'name'  

在关键字“值”以前缺乏空格

 

5.A space is required after ','

在，后面要加空格

 

6.space-before-blocks

 关键字后面要空一格。

 

7.key-spacing

对象字面量中冒号的先后空格

 

8.no-unused-vars

不能有声明后未被使用的变量或参数

 

9.全部.vue里面的，style和script属性都顶格。