Vue规范

梳理

一、vue

Vue风格应基本遵循官方风格指南，其中需要进一步统一的地方如下：

1.1 Prop定义

prop定义至少要有type和default两个属性

props: {
    status: {
        type: String,
        default: ''
    }
}

1.2 单文件组件文件（.vue文件）的大小写

.vue文件名统一使用大写开头的大驼峰式命名

1.3 模板中的组件名大小写

在单文件组件和字符串模板中组件名统一为大驼峰式写法

1.4 Prop名大小写

在声明和使用prop的时候，其命名应该始终使用camelCase小驼峰式（这与官方指南主张的在模板中使用prop时应该是kebab-case有所不同）

1.5 指令缩写

统一使用指令缩写(用:表示v-bind:、用@表示v-on:和用#表示v-slot:)

1.6 单文件组件的顶级元素的顺序

推荐统一使用<template>、<script>、<style>的顺序

二、Vue Router

2.1 path命名

path命名采用kebab-case形式，层级和名称应与目录结构和文件名对应

2.2 name命名

name命名采用KebabCase大驼峰形式，应与文件名对应