Vue 变量应该是驼峰式

Vue 是一款流行的 JavaScript 框架，它遵循着一套约定俗成的命名规范，其中包括了变量应该采用驼峰式命名。在 Vue 中，驼峰式命名不仅仅是一种规范，也是一种良好的编程习惯，它使得代码更加易于维护和阅读。

什么是驼峰式命名法

驼峰式命名法是一种常见的命名规范，它将多个单词连接成一个单词，并使用首字母大写的方式来区分单词。例如，myNameIsCamelCase 就是一个采用了驼峰式命名法的变量。

对于 Vue 变量，通常应该采用小驼峰命名法，也就是第一个单词的首字母小写，后续单词的首字母大写。例如，firstName、lastName 是 Vue 变量的典型示例。

为什么使用驼峰式命名法

使用驼峰式命名法可以使你的代码更加易于阅读和维护。驼峰式命名法可以让变量名更加清晰明了，这也使得代码更加容易理解。此外，驼峰式命名法也是一种优秀的编程习惯，在团队协作开发时可以保持代码的一致性。

在 Vue 中使用驼峰式命名法

在 Vue 中，使用驼峰式命名法非常简单。只需要在命名变量时，遵循小驼峰命名法的约定即可。以下是一个 Vue 组件的例子，其中展示了如何使用驼峰式命名法定义变量：

<template>
  <div>
    <input v-model="firstName"></input>
    <input v-model="lastName"></input>
    <p>{{ fullName }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: '',
      lastName: '',
    }
  },
  computed: {
    fullName() {
      return `${this.firstName} ${this.lastName}`
    }
  }
}
</script>

小结

在 Vue 中，采用驼峰式命名法定义变量具有重要的意义。它可以使你的代码更加易于阅读和维护，并且保持了代码的一致性。Vue 框架推崇小驼峰命名法，也就是第一个单词的首字母小写，后续单词的首字母大写。如果你想写出高质量的 Vue 代码，那么采用驼峰式命名法，无疑是一个良好的编程习惯。