有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
2024-05-15 09:01:07 阅读次数:24
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
上一篇:Linux脚本练习之script073-去掉不需要的单词
下一篇:vim分屏
React学习笔记(2.0)
Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
Vue3学习笔记(2.0)
Vue3--使用脚手架创建一个vue应用,实现todolist
建造者模式(Builder Pattern)使用多个简单的对象一步一步构建成一个复杂的对象。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。
装饰模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装。
Vue前端开发到第一阶段,就要开始考虑性能优化相关的要点了。这也是用来判断一名前端的水平是否优秀的一个标准。接下来这篇文章,将介绍几种在实践过程中可以用到的性能优化技巧
ElNotification组件是Element-plus组件库中的一个通知组件,一般用来通知文本消息,但是也可以通过在message中渲染一个Vue.VNode来实现更复杂的功能。
django框架的使用及其梳理系列七
新版Vue-内容补充,简单的管理系统
文章
25646
阅读量
3121132
2024-11-14 08:55:41
2024-11-14 08:55:41
2024-11-07 07:57:54
2024-10-30 08:59:10
2024-10-30 08:06:48
2024-10-22 06:29:28
2023-05-04 09:34:09
2024-07-01 01:32:37
2023-05-18 09:33:22
2023-06-16 06:09:26
2023-06-08 06:21:43
2023-06-16 06:06:37