vue开发命名规范

文章目录

    • 优先级A(必要的)
      • 组件名必须为多个单词
      • 组件的 data 必须是一个函数。
    • #Prop 定义应该尽量详细
      • 为 v-for 设置键值
      • 私有property名
    • 强烈推荐的
      • 单文件组件名的大小写

本文章供本人总结使用
如果需要看官方文档链接在这里,这里写的更加的详细(手动狗头)
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,所以把它用

你可能感兴趣的:(工作,vue.js,前端,javascript)