chore: 添加vue组件相关的代码规范

.eslintrc.js

@@ -201,12 +201,22 @@ module.exports = {
     "object-curly-spacing": [2,"always"],//{后 }前必须有一个空格
     "space-before-function-paren": [2, "never"],//函数圆括号之前无空格
     "space-infix-ops": 2,
-    "semi": [2, "always"],//语句强制分号结尾
+    "semi": [2, "always"],// 代码使用分号结尾
     "valid-jsdoc": ["error", {
       "requireReturn": false,
       "requireParamDescription": false,
       "requireReturnDescription": false
-    }], //强制JSDoc注释
+    }], //使用JSDoc注释
+    "vue/attribute-hyphenation": ["error", "always"], // 自定义组件的属性使用连字符，不可使用小驼峰命名法
+    "vue/component-name-in-template-casing": ["error", "kebab-case"], // 自定义组件在template中的标签使用连字符
+    "vue/html-closing-bracket-newline": ["error", { // vue组件template中不能以 > 开头
+      "singleline": "never",
+      "multiline": "never"
+    }],
+    "vue/html-quotes": [ "error", "double"], // vue组件template中使用双引号
+    "vue/name-property-casing": ["error", "PascalCase"], // vue组件name属性使用大驼峰命名法
+    "vue/prop-name-casing": ["error", "camelCase"], // vue组件props的key使用小驼峰命名法
+    "vue/this-in-template": ["error", "never"], // vue组件template中不能使用this
     "vue/order-in-components": ["error", {
       "order": [
         "el",