- 博客(6)
- 收藏
- 关注
原创 前端面试vue相关题目合集
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它采用自底向上增量式开发的设计,核心库只关注视图层,易于上手,并且能够与其他库或已有项目整合。同时,Vue.js 还提供了丰富的工具和生态系统,如 Vue Router 用于路由管理、Vuex 用于状态管理等,方便开发者构建复杂的单页面应用(SPA)。定义Vue 组件是 Vue 应用中可复用的、自包含的代码块,它封装了自己的模板、逻辑和样式。
2025-03-03 16:09:18
1026
原创 Vue 项目 图片 预览插件指南
本文整合了 Vue 项目中常用的 图片 预览插件,涵盖 Vue 2 和 Vue 3 的解决方案,并提供使用示例和选型建议。
2025-03-03 14:31:35
829
原创 Vue 项目 PDF 预览插件指南
基于pdf.js封装的 Vue 2 插件,支持分页渲染和基础交互。兼容性:仅支持 Vue 2。专为 Vue 3 优化的 PDF 预览组件,支持翻页、缩放、下载等功能。兼容性:Vue 3 专用,支持 SSR。适用于 Vue 2 的轻量级 PDF 查看器,支持缩略图和逐页加载。兼容性:Vue 2。一站式文件预览库,支持 PDF、Word、Excel 等多种格式。兼容性:Vue 2 和 Vue 3。无需 Vue 插件,直接使用pdfjs-dist实现高度定制化渲染。
2025-03-03 14:30:21
652
原创 vue如何使用$attrs,$listeners
attrs$listeners:用于将父组件传递的非props属性绑定到子组件的某个元素上。:用于将父组件传递的事件监听器绑定到子组件的某个元素上(Vue 2 中使用)。在 Vue 3 中,$listeners被废弃,$attrs同时包含了属性和事件监听器,因此可以直接使用。这两个指令在组件封装和高阶组件开发中非常有用,可以帮助你更好地管理组件的属性和事件传递。
2025-03-03 14:29:13
918
原创 Vue 3 通信方式介绍
使用Vue3 的创建可复用的逻辑,用于组件之间的通信。通信方式适用场景注意事项父子组件简单通信避免深层次传递v-model表单/组件双向绑定支持多个绑定跨层级组件通信需配合响应式数据Pinia/Vuex全局状态管理复杂项目推荐自定义 Hooks逻辑复用替代 mixins 的推荐方案事件总线任意组件间通信(小型项目)
2025-03-03 14:25:01
398
原创 Vue 2 通信方式介绍
当项目规模较大时,使用 Vuex 可以集中管理全局状态,适用于跨层级组件通信或多个组件共享状态。适用于非父子组件之间的通信,但不推荐在大型项目中使用,因为容易导致代码难以维护。这是 Vue 中最基础的通信方式,适用于父子组件之间的数据传递。选择合适的通信方式可以提高代码的可维护性和可读性。适用于祖先组件向深层嵌套的后代组件传递数据,而无需逐层传递。这种方式会破坏组件的封装性,应谨慎使用。而对于大型项目,建议使用。来管理复杂的状态和通信逻辑。
2025-03-03 14:23:56
375
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人