HTML12 种使用 Vue 的最佳做法( 二 ) |集成开发环境|设

因此，我们只需编写props验证即可，不必费力地跟踪组件来确定props的格式
从Vue文档中查看此示例。

本文插图

7.组件全名使用驼峰或或者短横线组件的通用命名约定是使用驼峰或短横线。无论我们使用哪个，最重要的是始终保持一致。我认为驼峰方式效果最好，因为大多数IDE自动完成功能都支持它。

本文插图

8. 基本组件应该相应地加上前缀根据Vue样式指南，基本组件是仅包含以下内容的组件：

HTML 元素
额外的基础组件
第三方的UI组件

为这些组件命名的最佳实践是为它们提供前缀Base、V或App 。同样，只要我们在整个项目中保持一致，可以使用其中任何一种。
BaseButton.vueBaseIcon.vueBaseHeading.vue 该命名约定的目的是使基本组件按字母顺序分组在文件系统中。另外，通过使用webpack导入功能，我们可以搜索与命名约定模式匹配的组件，并将所有组件自动导入为Vue项目中的全局变量。
9.单实例组件命名应该带有前缀 `The` 与基本组件类似，单实例组件(每个页面使用一次，不接受任何prop)应该有自己的命名约定。这些组件特定于我们的应用，通常是 footer ， header或sider 。
该组件只能有一个激活实例。
TheHeader.vueTheFooter.vueTheSidebar.vueThePopup.vue 10.保持指令简写的一致性在Vue开发人员中，一种常见的技术是使用指令的简写。例如：

@是v-on的简写
: 是 v-bind 的简写
# 是 v-slot 的简写

在你的Vue项目中使用这些缩写是很好的。但是要在整个项目中创建某种约定，总是使用它们或从不使用它们,会使我们的项目更具内聚性和可读性。
11.不要在“created”和“watch”中调用方法 Vue开发人员经常犯的一个错误是他们不必要地在created和watch中调用方法。其背后的想法是，我们希望在组件初始化后立即运行watch 。