Algunos resúmenes de especificaciones hechos por mí mismo.
Puedes encontrar una mejor referencia en github.
Para vue:
props: el nombre es mejor para corresponder:
// good
export default {
props: {
'greeting-text': String,
},
};
// bad
export default {
props: {
greetingText: String,
},
};
<!-- good -->
<welcome-message greeting-text="hi" />
<!-- bad -->
<welcome-message greetingText="hi" />
- Orden de componentes
组件选项的顺序
组件选项应该有统一的顺序。
export default {
name: '',
mixins: [],
components: {
},
props: {
},
data() {
},
computed: {
},
watch: {
},
created() {
},
mounted() {
},
destroyed() {
},
methods: {
},
};
-
Líneas en blanco en las opciones de componentes Al
importar varios archivos de componentes, se recomienda ajustar las líneas en orden y con regularidad. -
Notas para alguna lógica compleja y
函数的名字do, on handle ,get ,set ...
Carpeta 5.vue,
assets--- 静态资源, components----公共组件, router---路由, store---vuex
views----vue文件, utils --放一些常用公共函数, 以及 axios请求 .针对页面监理文件, 在里面设置compoents 为页面组件