1. 文件命名：Vue组件的文件名应选用小写字母和横线命名法（kebabcase），如`mycomponent.vue`。
2. 组件名：组件名应选用大驼峰命名法（PascalCase），如`MyComponent`。
3. 组件内部命名： 数据特点（data properties）：应选用小驼峰命名法（camelCase），如`myData`。 核算特点（computed properties）：应选用小驼峰命名法（camelCase），如`myComputedProperty`。 办法（methods）：应选用小驼峰命名法（camelCase），如`myMethod`。 事情（events）：应选用小驼峰命名法（camelCase），如`myEvent`。 生命周期钩子（lifecycle hooks）：应选用小驼峰命名法（camelCase），如`beforeCreate`、`created`、`mounted`等。
4. 款式（CSS）命名：在`.vue`文件中的``部分，能够运用部分效果域的CSS，以防止大局污染。类名应选用小写字母和横线命名法（kebabcase），如`.myclass`。
5. 路由（router）命名：路由的命名应选用小写字母和横线命名法（kebabcase），如`/myroute`。
6. 路由组件命名：与组件名相同，应选用大驼峰命名法（PascalCase），如`MyRouteComponent`。
7. 路由参数（route parameters）命名：应选用小写字母和横线命名法（kebabcase），如`/myroute/:myParam`。
8. 路由查询参数（query parameters）命名：应选用小写字母和横线命名法（kebabcase），如`?myQuery=myValue`。
9. 插槽（slots）命名：应选用小写字母和横线命名法（kebabcase），如``。
10. 自定义指令（custom directives）命名：应选用小写字母和横线命名法（kebabcase），如`vmydirective`。
11. 过滤器（filters）命名：应选用小写字母和横线命名法（kebabcase），如`myfilter`。
12. 组件库和插件（libraries and plugins）命名：应选用大驼峰命名法（PascalCase），如`MyComponentLibrary`。
遵从这些命名标准能够协助团队成员更好地了解代码结构，进步协作功率。当然，这些标准并不是强制性的，但遵从它们能够带来更好的开发体会。
Vue.js 命名标准攻略
在开发Vue.js应用程序时，遵从杰出的命名标准关于代码的可读性、可维护性和团队协作至关重要。本文将具体介绍Vue.js的命名标准，协助开发者写出愈加明晰、共同的代码。
1. 组件命名标准
1.1 组件文件命名
Vue.js组件的文件名应该遵从“PascalCase”（首字母大写命名法）。例如，`UserList.vue`、`ProductCard.vue`。
```javascript
// 正确的组件文件命名
// 过错的组件文件命名
```javascript
1.3 组件props命名
组件的props命名应该运用“kebab-case”（短横线衔接命名法），以坚持与HTML特点的共同性。
```javascript
// 正确的props命名
props: {
userCount: Number,
productPrice: String
// 过错的props命名
props: {
userCount: 'Number',
productPrice: 'String'
2. 数据和办法命名标准
2.1 数据命名
组件内部的数据应该运用“camelCase”（驼峰命名法）。
```javascript
// 正确的数据命名
data() {
return {
userName: '',
userAge: 0
// 过错的数据命名
data() {
return {
user_name: '',
user_age: 0
2.2 办法命名
组件的办法也应该运用“camelCase”。
```javascript
// 正确的办法命名
methods: {
getUserData() {
// ...
},
updateProductPrice() {
// ...
// 过错的办法命名
methods: {
getUserData() {
// ...
},
updateProductPrice() {
// ...
3. 事情命名标准
3.1 事情命名
事情名应该运用“kebab-case”，而且一般由组件名和事情类型组成。
```javascript
// 正确的事情命名
@user-created
@product-updated
// 过错的事情命名
@userCreated
@productUpdated
3.2 自定义事情命名
自定义事情名应该遵从相同的命名规矩，而且一般运用“kebab-case”。
```javascript
// 正确的自定义事情命名
@user-created
@product-updated
// 过错的自定义事情命名
@userCreated
@productUpdated
4. 路由命名标准
4.1 路由途径命名
Vue Router的途径应该运用“kebab-case”，而且一般由组件名组成。
```javascript
// 正确的路由途径命名
const router = new VueRouter({
routes: [
{ path: '/user-list', component: UserList },
{ path: '/product-card', component: ProductCard }
// 过错的路由途径命名
const router = new VueRouter({
routes: [
{ path: '/user_list', component: UserList },
{ path: '/product_card', component: ProductCard }
4.2 路由组件命名
路由组件的命名应该运用“PascalCase”。
```javascript
// 正确的路由组件命名
const UserList = {
// ...
// 过错的路由组件命名
const userList = {
// ...
遵从上述命名标准，能够协助Vue.js开发者写出愈加明晰、共同的代码，进步开发功率和团队协作。期望本文能对您的Vue.js项目有所协助。
