Lyda
40 lines
512 B
Markdown
40 lines
512 B
Markdown
# Vue 文件命名 `[Vue.FileName]`
|
|
|
|
> - includes `*.vue`
|
|
|
|
## Vue 组件文件使用大驼峰命名 `[Vue.FileName.UpperCamel]`
|
|
|
|
### Example: Vue 组件文件命名
|
|
|
|
#### Good: 使用大驼峰命名
|
|
|
|
```vue
|
|
<!-- UserInfo.vue -->
|
|
<template>
|
|
<div></div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "UserInfo",
|
|
// ...
|
|
};
|
|
</script>
|
|
```
|
|
|
|
#### Bad: 使用全小写命名
|
|
|
|
```vue
|
|
<!-- userinfo.vue -->
|
|
<template>
|
|
<div></div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "userinfo",
|
|
// ...
|
|
};
|
|
</script>
|
|
```
|