Vue.js 组件大写

Question

Vue.js 组件大写有特定原因吗？

我经常看到这个，但我没有看到为什么这样写的正当理由。甚至 cli 存储库也有这个组件。

Answer 1

由于基于类的组件架构，React/React-Native 开发人员习惯于将组件大写。所以他们倾向于将其转移到 Vue。

Vue 引擎本身并不关心，它可以很好地解释两者。找到一个约定并坚持下去。无论哪种方式，你都可以，只要保持一致即可。

我个人的惯例是大写我自己制作的组件（组件文件夹），这样我可以更好地区分我自己的组件和 Vuetify 组件。

<v-row class="mt-10">    // Vuetify component
   <v-col cols="12">
      <CustomTeapot />   // My component
   </v-col>
</v-row>

Answer 2

这只是区分组件构造函数/定义（大写）和组件实例的约定。

这是一个常见的约定，类是大写的，但类的实例不是大写的：

const user = new User()