自己做出的一些规范总结
可以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" />
- 组件的顺序
组件选项的顺序
组件选项应该有统一的顺序。
export default {
name: '',
mixins: [],
components: {
},
props: {
},
data() {
},
computed: {
},
watch: {
},
created() {
},
mounted() {
},
destroyed() {
},
methods: {
},
};
-
组件选项中的空行
引入多个组件文件时, 建议按顺序, 以及规律换行 -
针对一些复杂逻辑的注释以及
函数的名字do, on handle ,get ,set ...
5.vue 文件夹,
assets--- 静态资源, components----公共组件, router---路由, store---vuex
views----vue文件, utils --放一些常用公共函数, 以及 axios请求 .针对页面监理文件, 在里面设置compoents 为页面组件