2024-08-16瀑布流布局（Waterfall Flow Layout）是一种常用于网页设计的布局方式，它可以实现图片或内容的自适应排列，使页面看起来更加美观和流畅。先看实现效果：下面是使用 vue 实现瀑布流布局的一般步骤：1.定义列数、行间距、列间距2.容器设置为相对定位、item设置为绝对定位3.获取容器宽度：容器总宽度-内边距（paddingLeft paddingRight）4.计算每列宽度：(容器宽度 - 列间距 * (列数 - 1)) / 列数5.获取每一个item的高度（需要放在nextTic_vue3.2 ts实现瀑布流

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

2024-08-15本文介绍了如何在Vue CLI 4.x环境中修改由HtmlWebpackPlugin生成的HTML文件标题。通过修改vue.config.js文件，访问webpack配置，找到HtmlWebpackPlugin插件并更新其options.title属性，从而实现浏览器标题的定制。

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

2024-08-15vue3中使用echarts，动态更新X、Y轴数据。_vue3echarts数据更新的问题

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

2024-08-15在vue3中，是一个用于定义组件的函数API。允许你定义一个包含组件配置信息的选项对象，如组件的属性、方法、生命周期钩子等。类型推断支持：使用可以帮助TypeScript更好地推断组件的类型，从而提高开发效率和代码的健壮性。内部对组件选项对象进行一些处理，包括生命周期钩子的转换、模板的编译等，从而提供了一个统一的组件定义上下文，使得组件的定义更加清晰和一致。这里有个专门讲解defineComponent的文章 ：https://juejin.cn/post/6994617648596123679。_tsx

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

2024-08-15本文讲解了VUE的异步更新机制，nextTick的作用与实现原理，并展示了nextTick在vue2与vue3中的使用方式_vue nexttick

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

2024-08-15在今天的这篇博客中，我们将深入探讨如何在vue3中使用Vue Router实现嵌套路由。嵌套路由是构建复杂单页应用(Single Page Application, SPA)的核心，你可以使用这一特性来组织应用的不同视图层次结构。无论你是面试准备，还是在工作中需要这个技能，这篇文章都会帮助你掌握这些知识。_vue3 嵌套路由

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

2024-08-15使用 Vite TypeScript 打造一个 vue3 组件库_vue3 typescript vite 组件库

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

2024-08-15本文介绍了在vue3和Vite3项目中如何封装和使用axios，包括安装axios、创建axios实例、设置请求和响应拦截器、封装post、get等方法，并展示了具体的代码实现。此外，还提到了在请求中处理token、错误提示和环境变量的使用。

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

2024-08-15通常我们在template标签里去写静态页面模板，现在可以扩展另一种书写风格 tsx，类似react的jsx语法。vue2 的时候就已经支持jsx写法，只不过不是很友好，随着vue3对typescript的支持度增高，tsx写法越来越被接受。_vite tsx

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

2024-08-14文章讲述了在vue3中使用ElementPlus时，如何通过父组件的`visible`属性控制子组件`el-dialog`的显示。作者发现直接使用`v-model`传递布尔值不可行，解决方案是在子组件中添加一个`dialogVisible`变量与`v-model`绑定，并在`mounted`生命周期钩子中同步父组件的值。

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