2024-01-27三种方法：1.使用 Props 传递数据 2.使用$refs引用子组件 3.给子组件添加key值1. 使用 Props 传递数据：在父组件中通过修改 props 的值，传递新的数据给子组件，从而触发子组件的更新。在父组件中使用ref为子组件创建引用，然后通过引用直接调用子组件的方法或访问其数据key值变化之后，会自动重新渲染组件，vue中的key的作用主要是为了高效的更新dom, 它也可以用于强制替换元素/组件而不是重复使用它，完成的触发组件的生命周期钩子，触发过渡_vue子组件重新加载

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

2024-01-271，需要在静态路由的基础上用vue路由上面的addRoute()方法来动态添加路由，最后生成我们需要的路由。上面只是在登陆时候添加了路由，点击刷新页面后会消失，需要在main.js中配置一下。2，封装添加路由的方法，在刷新页面时重新生成路由。_通过addroute动态路由页面刷新后路由丢失

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

2024-01-27单页应用程序：SPA【Single Page Application】是指所有的功能都在一个html页面上实现1.什么是单页面应用程序?2.单页面应用优缺点?3.单页应用场景？单页面应用程序，之所以开发效率高，性能好，用户体验好页面按需更新比如当点击【发现音乐】和【关注】时，只是更新下面部分内容，对于头部是不更新的访问路径和组件的对应关系！访问路径 和 组件的对应关系如何确定呢？路由生活中的路由：设备和ip的映射关系路径和组件的映射关系什么是路由vue中的路由是什么。

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

2024-01-27React通过细粒度的控制，减少了实际DOM操作的次数，而vue通过生成高效的渲染函数，减少了虚拟DOM操作的次数。c) 更新性能：React在处理数据频繁变化的情况下表现较好，它通过虚拟DOM的比对算法，只更新改变了的部分，减少了不必要的操作。vue也在处理数据变化时表现良好，通过生成高效的渲染函数，减少了虚拟DOM操作的次数。b) 初始加载性能：vue的初始加载性能较好，因为vue的运行时版本相对较小，可以更快地下载和解析。vue的扩展性能也不错，但相对来说稍弱一些，因为它的生态系统相对较小。

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

2024-01-27vue使用web（浏览器）自带的TTS，语音合成技术实现语音和文本互转的功能，可适应于任何前端框架_tts vue

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

2024-01-27在该钩子函数中执行异步操作可以保证组件已经完全渲染，并且 DOM 元素已经存在，从而避免在组件还未挂载或尚未完全初始化时执行异步操作导致的问题。如果在这个阶段执行异步操作，可能无法获取到正确的 DOM 元素或执行预期的操作。钩子函数中，可以确保在组件已经挂载到 DOM 后执行异步操作，保证了组件已经完全初始化，并且相关的 DOM 元素和数据可用。如果在这个阶段执行异步操作，可能无法正确地获取或处理依赖项的数据。在上面的代码中，使用了 vue 3 的 Composition API 中的。_vue onmounted

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

2024-01-27随着移动互联网的发展,前端技术也日新月异。如今流行的前端框架层出不穷,从Angular、React到vue,每个框架都有自己的特色。但是学习任何一种新框架和技术都需要Certain一个过程,那么我们应该如何快速地上手一项新技能呢?本专栏将以vue框架为例,分享作者在学习vue过程中的一些心得与经验。vue的基本特性与发展历程怎样快速学习vue的基础语法如何应用vue开发常见的组件一些提高vue开发效率的技巧vue生态系统中的常用工具及插件。

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

2024-01-27本示例的目的是介绍演示如何在vue mapbox中加载here地图的影像瓦片图 v2软件版本。

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

2024-01-27但是我这样不行，，最后查看控制台，发现el-drawer外层都包裹一个el-overlay遮罩层沾满全屏，position是fixed。所以解决方式是在抽屉外套一层div，设置，然后。_el-drawer 抽屉弹出指定区域

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

2024-01-27本示例介绍如何在vue leaflet中添加HERE地图（v2版本的软件），并且含多种的表现形式。包括地图类型，文字标记的设置、语言的选择、PPI的设定。 v3版本和v2版本有很大的区别，关键是引用方法上，请参考文章尾部的API链接。

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