本文章供本人总结使用
如果需要看官方文档链接在这里,这里写的更加的详细(手动狗头)
vue风格指南
优先级A(必要的)
组件名必须为多个单词
组件名应该始终是多个单词的,根组件 App 以及 、 之类的 Vue 内置组件除外。
组件的 data 必须是一个函数。
当在组件中使用 data property 的时候 (除了 new Vue 外的任何地方),它的值必须是返回一个对象的函数。
当data值是一个对象时,该对象会在这个组件的所有实例之间共享,因为我们需要每个组件只管理自己的数据,react state 同理,所以我们会将data返回为一个函数,即形成闭包(clousure) 达到该目标
#Prop 定义应该尽量详细
props应该定义返回值的类型,最好更加详细
为 v-for 设置键值
私有property名
Vue 使用 _ 前缀来定义其自身的私有 property,所以使用相同的前缀 (比如 _update) 有覆写实例 property 的风险。即便你检查确认 Vue 当前版本没有用到这个 property 名,也不能保证和将来的版本没有冲突。
对于 $ 前缀来说,其在 Vue 生态系统中的目的是暴露给用户的一个特殊的实例 property,所以把它用于私有 property 并不合适。
不过,我们推荐把这两个前缀结合为 $_,作为一个用户定义的私有 property 的约定,以确保不会和 Vue 自身相冲突。
强烈推荐的
单文件组件名的大小写
单文件组件的文件名应该要么始终是单词大写开头 (PascalCase),要么始终是横线连接 (kebab-case)。