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>