组件间的关系可以分为:
- 父子关系。以前文的代码为例,最典型的就是App.vue与Car.vue这种,APP是父,Car是子。
- 祖孙关系。如果Car再引入一个子组件,这个子组件与App就是祖孙关系。
- 其他。比如Car和Staff。
基于以上的几种关系,组件间的通信方式有好些个实现。后面会讲解一些在开发中常见的方法。不多说,直接上代码。Father.vue:
2025年06月24日
组件间的关系可以分为:
基于以上的几种关系,组件间的通信方式有好些个实现。后面会讲解一些在开发中常见的方法。不多说,直接上代码。Father.vue:
2025年06月24日
在VUE编程中,经常会遇到对话框,但ElementUI或者是AntD提供的模态框一是要在每个页面中写Dialog,一个是对Dialog中含有的组件定制能力有限。因此,这里提供一个全局对话框并动态引入组件,从而有效地提高系统弹性和减少开发量。好,我们先看一下效果图:
2025年06月24日
在 Vue3 中封装全屏功能 Hook 可以方便地在多个组件中复用全屏逻辑,以下是一个完整的实现方案:
import { ref, onMounted, onUnmounted, onBeforeUnmount } from 'vue';
/**
* 全屏 Hook - 实现指定元素的全屏切换功能
2025年06月24日
Vue.js 作为一款流行的 JavaScript 框架,在前端开发领域占据着重要地位。Vue3 的发布,更是带来了诸多令人兴奋的新特性和改进,让开发者能够更高效地构建应用程序。今天,我们就来深入探讨 15 个 Vue3 组件开发的高效技巧,助力大家提升开发效率和应用性能。
1. Composition API:代码组织的革新
2025年06月24日
今天发现一个写vue的宝藏浏览器插件,亲测好用。
Vue.js devtools是一款专为Vue.js开发者设计的浏览器扩展插件,它允许开发者在浏览器中直接调试和检查Vue.js应用。
还没用过的小伙伴是不是很想试一试,我今天也是第一次试。