Skip to content
  • 尽量少的添加相同含义或相反含义的变量;
  • 尽量少的修改原有的样式;
  • 遵从vue设计,尽量少的使用ref+defineExpose调用内部方法;
  • 修改变量使用唯一入口的方式,避免多处修改变量,减小维护成本;(vuex\pinia使用唯一入口通过commit触发)
  • 禁止一切枚举值使用中文首字母
  • 组件封装功能单一,禁止连续堆积不同业务
  • 组件封装布局不应受外界影响,插槽布局不会影响组件布局
  • 组件封装尽量不要使用route获取参数,采用prop传参的方式可以避免依赖与路由等其他参数;以便维护;
  • 减少自创式命名规范:a_/a__等后下划线格式;

保存搜索条件:

  1. 使用父子关联路由模式
bash
//不是父子路由清除全局搜索
	if (!from.fullPath.includes(to.fullPath) && !to.fullPath.includes(from.fullPath)) {
		const pageStore = usePageParamsStore();
		pageStore.clearGlobalParams();
		console.log('清除全局搜索');
	}

image.png

image.png

Released under the MIT License.