2024-09-08总结来说，Vue.js 中的 extends 继承机制为我们提供了一种灵活的组件复用手段，但也要结合具体应用场景合理选择继承或组合的方式，以最大程度发挥组件化的优势，同时保持代码的清晰和高效。在实际开发中，根据项目的具体需求和团队的编码习惯，可以选择最适合的方式来组织和复用组件代码。然而，在 Vue3 中，composition API 推崇的功能解耦原则让组件间的继承变得不再必需，更多的是通过组合（composition）的方式实现逻辑复用。未被覆盖的选项将被继承。借助 Vue.extend。_vue extends

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

2024-09-06在本篇博客中，我们演示了如何在Vue3中使用composition API实现文件上传功能，并与后端API进行交互。这种方式提供了清晰和结构化的代码，使得代码更易于维护和扩展。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。_vue3上传文件

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

2024-08-10在 Vue 3 中，引入了组合式 API（composition API），这使得开发者可以更灵活地组织代码逻辑，并提升了组件的复用性和可维护性。相比于 Vue 2 中的选项式 API，组合式 API 提供了一种更具功能性的方式来构建应用。主要优点：逻辑复用和组织：通过组合函数可以更清晰地组织代码逻辑，避免在生命周期函数中写大量逻辑。更好的 TypeScript 支持：组合式 API 天然地支持 TypeScript，这使得类型推断和类型检查变得更加轻松。性能优化。

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

2024-08-27本文介绍了 Vue 3 中的 Hooks，解释了它们在组合式 API（composition API）中的作用和使用方法。首先，文章讲述了如何安装 Vue 3，并展示了一个基本组件的创建过程。然后，详细说明了如何使用常见的生命周期钩子（如 onMounted 和 onUnmounted），并介绍了其他钩子函数如 onBeforeMount、onUpdated 等。此外，文章讲解了如何创建和使用自定义 Hook，以实现逻辑的模块化和复用。最后，文章展示了如何使用 watch 监听响应式数据的变化，以及使用 c_vue3 hooks

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

2024-08-18VueUse不是Vue.use， VueUse 为Vue 2和Vue3服务的一套Vue composition API的常用工具集，，它提供了一系列的 hooks 和工具函数，帮助我们更方便地使用 Vue composition API。通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，它可以帮助你快速实现一些常见的功能，免得你自己去写，解决重复的工作内容。以及进行了机遇 composition API 的封装。_vueuse常用的api

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

2024-08-18vue-office支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3，也支持非Vue框架的预览。安装完之后需要注意vue版本，如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。注意：目前vue-office不支持doc格式。_vue-office-excel

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

2024-08-14defineExpose 是 Vue 3 的 composition API 中一个新的实用函数，用于在 语法下显式暴露组件的公共属性和方法_vue3 defineexpose

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

2024-08-14vueuse/core 是一个 Vue 3 的常用工具集，提供了许多有用的 Vue composition API 函数。其中 useWindowSize 就是其中之一，用于在 Vue 3 组件中获取窗口尺寸的 Hook。在上面的示例中，我们通过 useWindowSize 获取了窗口的尺寸信息，并将其绑定到组件的数据中，以便在模板中显示窗口的宽度和高度。使用 useWindowSize 可以轻松地获取窗口的宽度和高度，并且当窗口大小发生变化时会自动更新。_usewindowsize

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

2024-08-12推荐开源项目：Vue Mini - Vue 3 风格的小程序开发神器项目地址:https://gitcode.com/vue-mini/vue-mini项目介绍在小程序开发的世界里，Vue Mini 横空出世，为开发者带来了一股清风。这是一个基于最新的 Vue 3 架构设计的轻量级框架，使得你可以用熟悉的 composition API 编写微信小程序，享受到与 Vue 3 开发相同的便捷和..._vue-mini

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

2024-08-12在 Vue 3 中，refs 的用法与 Vue 2 相比有了一些改进，但基本概念仍然相同：通过 ref 来引用模板中的元素或组件实例，然后在组件的方法或生命周期钩子中通过 this.$refs 来访问这些引用。然而，在 Vue 3 的 composition API 中，我们更倾向于使用 ref 函数来创建响应式引用，而不是使用 this.$refs。这种方式使代码更加灵活，并且更易于在组合式函数中使用。_vue3 refs

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