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);
}
};
// 解决结束
其他插件
vue-ls,pinia