vue3+element-plus+pinia+vue-router+axios+vue devtools思路，经验，类比思考

全家桶参考地址

https://blog.csdn.net/weixin_44231544/article/details/132079709

vue3

element-plus（这里简称elp）和vue-router中的layout

1.在vue路由中，layout是一种思想。是一个自定义的组件。常常使用，contanier组件来实现。最大的页面布局。
2.在ui中，elp的layout是一种包含row组件和col组件的css布局思想。局部的页面布局。

vue devtools

官网：https://devtools.vuejs.org/guide/installation.html#beta
1.有版本区别。vue2和vue3，要找到的对应的版本
2.github手动编辑的方式，实现不了，因为他妈的，github要FQ！！！！
3.gitee开源项目，搜索vue-devtools，得到相关的镜像地址。这个插件，包括介绍都是英文，果断使用腾讯官方的腾讯翻译浏览器插件。（安装一下，使用方面，也需要慢慢熟悉）
4.https://gitee.com/mirrors/vue-devtools?_from=gitee_search 发现说明太多，很恶心。我只是想装个插件而已。
5.直接下载插件，搜索，或者，直接到极简插件，5x是vue2版本，6x是vue3版本。

https://blog.csdn.net/weixin_44706267/article/details/119212478

如果出现不了，这个vue，就重启浏览器

axios封装--手摸手教学

https://blog.csdn.net/qq_44962364/article/details/132099859

解决elementplus中table的resize问题

// 解决开始，处理table的resize问题。https://zhuanlan.zhihu.com/p/659984052
const debounce = (fn, delay) => {
	let timer = null;

	return function () {
		let context = this;

		let args = arguments;

		clearTimeout(timer);

		timer = setTimeout(function () {
			fn.apply(context, args);
		}, delay);
	};
};

const _ResizeObserver = window.ResizeObserver;

window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
	constructor(callback) {
		callback = debounce(callback, 16);
		super(callback);
	}
};

// 解决结束