前端代码规范 小结

自己做出的一些规范总结

可以github找到更加好的参考

针对于vue:
props: 名字最好对应起来:

// good
export default {
  props: {
    'greeting-text': String,
  },
};

// bad
export default {
  props: {
    greetingText: String,
  },
};

<!-- good -->
<welcome-message greeting-text="hi" />
<!-- bad -->
<welcome-message greetingText="hi" />

2. 组件的顺序

组件选项的顺序
组件选项应该有统一的顺序。

export default {
  name: '',

  mixins: [],

  components: {},

  props: {},

  data() {},

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  destroyed() {},

  methods: {},
};

3. 组件选项中的空行
   引入多个组件文件时, 建议按顺序, 以及规律换行

4. 针对一些复杂逻辑的注释以及 函数的名字do, on handle ,get ,set ...

5.vue 文件夹,

assets--- 静态资源, components----公共组件, router---路由, store---vuex
views----vue文件,  utils --放一些常用公共函数, 以及 axios请求  .针对页面监理文件, 在里面设置compoents 为页面组件