如何在vue3项目中使用防抖节流技巧
2024-04-29防抖节流是可以说是一种优化组件性能的技巧,可以有效减少组件中的渲染次数和计算量,从而提高组件的响应速度和用户体验。在vue3中可以使用`lodash`库中的`debounce`和`throttle`函数来分别实现防抖和节流。当然也可以自行设计实现防抖节流函数,调用方式都差不多。_vue3 防抖
解决vue中父组件通过props向子组件传递数据,子组件接收不到
2024-04-29问题:父组件在挂载时向后端发起请求获取数据,然后将获取到的数据传递给子组件,子组件想要在挂载时获取数据,获取不到_vue3 子组件拿不到defineprops中的值
vue3 TS中使用echarts
2024-04-29TypeScript 中,无论是 .vue 文件还是 .js 文件,都需要使用 .d.ts 文件来添加类型声明。ECharts 提供了官方的类型声明文件,只需要在项目中安装 @types/echarts 就可以使用。在 setup 函数中使用 ref 或 reactive 定义一个 ECharts 变量。在 onMounted 钩子函数中初始化 ECharts 实例,同时使用 chartRef.value 获取 DOM 元素。2.在组件中声明 ECharts 变量。3.初始化 ECharts 实例。_echarts ts
vue3 element-plus点击导航栏,el-main中的内容根据路由切换
2024-04-29element-plus中的el-main用router-view跳转的路由不嵌入到el-main中,而是跳转到新页面_elementplus顶部导航
《图解vue3.0》- 调试
2024-04-29如何对vue3项目进行调试调试是开发过程中必备的一项技能,掌握了这项技能,可以很好的定义bug所在。一般在开发vue3项目时,有三种方式。代码中添加debugger;使用浏览器调试:sourcemap需启用vs code 调试:先开启node服务,后启用vs code的调试模式具体使用如下:debugger调试法当打开开发者模式时才会起作用(F12), 但是使用完之后将其删除,..._vue3 debugger
vue3 Vite typeScript Arco Design搭建企业管理后台
2024-04-29vue3 Vite typeScript Arco Design搭建企业管理后台_vue3 typescript vite arco design 项目搭建
解决vue3中echarts无法缩放的问题
2024-04-29vue3中ref绑定的对象都是响应式的对象,对象中的属性值变动都经过vue3的proxy拦截处理。 因此如果是跟页面内容进行响应式绑定的值应该放在data里面,而我的图表用的是原生的echarts api自己绘制的,因此不需要做响应式绑定,如果绘制图表的数据发生变化,我自己会手工调用echarts进行重绘。因此我只需要把myChart从data中删除放到外面即可。_echarts矩形树图不允许缩放
vue3中通过ref获取子组件实例,取值为undefined
2024-04-29如果完成第一步的话,在父组件调用子组件实例里某个属性的时候,TS 会报错,找不到该属性(但不影响运行)所以这里还需要定义一个类型,来声明子组件实例的类型声明子组件的 ref ,获取子组件实例(注意只能使用暴露出来的属性)_vue3 ref数组ts类型声明,但赋值的时候,提示可能undefined
vue3项目vite.config.js配置“代理”、“端口”、“打包名”、“图片压缩”
2024-04-29vue3项目vite.config.js配置“代理”、“端口”、“打包名”、“图片压缩”_vite代理配置
vue pc端网页实现自适应
2024-04-29然后就可以直接在css里面使用px了,这个依赖会自动把px转换成rem,包括ui框架里面的,比如elmentui里面的,这样全局的css样式都是rem了,但是有一个缺陷就是行内元素里面的px不能转换,比如。在vite.config.ts文件中引入,我这项目用的是vue3 vite ts,你用的是webpack,那就在vue.config.js里面。,但是不建议写在style里面,如果ui框架里面的样式用的是style,那就只能用穿透去修改了。pc端做自适应可以用rem来实现,啥是rem,自己百度。_vue pc端自适应