2024-08-14本文介绍了如何使用 Apifox 进行接口 Mock 数据模拟，适用于前后端分离的项目开发。内容包括 Apifox 的安装、创建项目和接口，编写接口文档和 Mock 数据，以及在 vue3 项目中使用 Axios 调用 Mock 接口的步骤。通过此方法，开发者可以独立于后端进行前端开发和调试。

https://www.qianduange.cn//article/15503.html 分类：前端知识

2024-08-14vue3中使用websocket_vue3 websocket

https://www.qianduange.cn//article/15500.html 分类：前端知识

2024-08-14在后台管理系统的项目开发中，弹窗组件用到的地方很多。由于自带的默认样式不太符合视觉要求，因此需要利用maskStyle属性来自定义modal弹窗的遮罩样式。_maskstyle

https://www.qianduange.cn//article/15498.html 分类：前端知识

2024-08-14本文介绍了如何在vue3项目中结合TypeScript和i18n实现多语言支持。首先通过npm安装vue-i18n，然后配置不同语言的JSON文件，如zh.ts和en.ts。接着在main.ts中挂载i18n到Vue实例，并使用app.config.globalProperties.$t全局访问。在模板和TS代码中，通过$t或useI18n方法获取翻译文本。

https://www.qianduange.cn//article/15495.html 分类：前端知识

2024-08-141、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method。8、onActivated(): 被包含在 中的组件，会多出两个生命周期钩子函数，被激活时执行；9、onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；6、onBeforeUnmount(): 组件卸载之前执行的函数；4、onBeforeUpdate(): 组件更新之前执行的函数；_vue3生命周期详细

https://www.qianduange.cn//article/15484.html 分类：前端知识

2024-08-123,不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted。1，获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null。2,在setup中，使用ref（null）获取dom。_vue3获取dom

https://www.qianduange.cn//article/15404.html 分类：前端知识

2024-08-12绘制世界地图并根据返回经纬度数据进行定点，将定点数据展示在世界地图内_vue echarts 世界地图

https://www.qianduange.cn//article/15403.html 分类：前端知识

2024-08-12本文介绍了ECharts 3D柱状图的特点，包括其真实感视觉效果、多维数据展示和视角控制能力。3D柱状图适用于地理信息可视化、科学模拟和产品展示等场景，但也存在可能导致信息失真和视觉混乱的缺点。文章还对比了3D和二维柱状图的优缺点，并详细解析了ECharts 3D柱状图的配置项，包括xAxis3D、yAxis3D、zAxis3D、grid3D和series。最后，文章展示了在vue3中使用ECharts 3D柱状图的步骤。

https://www.qianduange.cn//article/15391.html 分类：前端知识

2024-08-12在 Vue 2.x 版本中，组件的渲染总是受限于其所在的父组件或祖先组件的 DOM 结构。有时，这会对实现某些 UI 交互模式造成不便，特别是当需要将元素渲染到 DOM 树中远离其逻辑位置的地方时。这个特性允许开发者将组件的子组件“传送”到 DOM 中的任意位置，而不仅仅是它们的直接父级内部。这意味着你可以将子组件的内容“传送”到页面的任何其他部分，甚至是完全独立的节点，而无需担心组件的嵌套关系。首先，你需要在你的 Vue 组件中导入它（如果使用的是 Vue 3 的。然后，你可以在你的模板中使用。_vue3 teleport

https://www.qianduange.cn//article/15390.html 分类：前端知识

2024-08-12本文介绍了如何创建vue3项目，包括使用npm初始化，安装依赖，以及详细步骤来安装和按需引入Element-Plus组件库，涉及到unplugin-vue-components和unplugin-auto-import插件的使用。

https://www.qianduange.cn//article/15386.html 分类：前端知识