vue3项目编码时相对合理的顺序推荐仅个人记录备用

组件代码顺序

prop属性定义

emit事件定义

固定值定义

响应式变量定义

dom元素的ref属性通过ref()定义；

如果不想定义很多的ref()，可以采用以下方式定义页面中的变量；

const allStates = reactive({dialogShow: false,listData: [],
});
// allStates.dialogShow 这个格式类似于vue2的this.xx

自定义函数

defineExpose({})函数

watch()监听函数

onMounted()生命周期函数

公共状态管理

common.ts 存放公共的方法

constant.ts 存放公共的固定值(常量)

vuex/pinia 存放公共的变量(会动态变化的)或者接口调用