Vue项目文件命名规范

文件夹命名

超过一个单词的统一使用小写字母开头的(kebab-case)命名规范 ，如 shop-setting

文件命名

单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。
单词大写开头对于代码编辑器的自动补全最为友好，推荐使用，如 AppMain
特殊：index.vue/index.js ，index为小写即可
其他如mixins下面的文件，input-mixin.js，upload-mixin.js
如文件夹存在子文件夹，一般是页面里面的业务组件

1574149395275.png

vue文件

• name
  建议一般情况下加上，且跟文件同名，如果文件以横线连接命名，转为大写字母开头。这样在调试时方便查看组件

  export default {
    name: 'Navbar'
  }
  

1574149945507.png

• 私有属性
  插件、mixins混入等不对外的，建议使用$_ 前缀

  export const testMixin {
      data () {
          return {
              list: []
          }
      },
      methods: {
          $_updateList () {
              this.list.push(1)
          }
      }
  }