Day10 - 子元件透过 emit event 触发父元件事件

重新认识 Vue.js | Kuro Hsu 2-2 元件之间的沟通传递 元件与自订事件
parent component 的 template 里

// 老爹啊,如果你儿,也就是我,当我说 childEventA 被触发时,老爹你要执行你的什麽 method 呢
// 喔喔老爹你要执行你的 parentMethodA 啊
<child-component @childEventA="parentMethodA"></child-component>

child component 的 script 中

methods:{
    childMethod(){
        // 透过 this.$emit 向父元素说:嘿 childEventA 被触发了喔老爹
        this.$emit('childEventA', someParameter)
    }
}

如果上述理解有误,还恳请路过的侠士,顺手解惑做公益,感恩的心 (っಠ‿ಠ)っ


<<:  Day9. 以放声思考法快速进行概念验证

>>:  想要弹性类别吗,让类别当参数吧:泛型 Generics

制作响应式网站-30天学会HTML+CSS,制作精美网站

响应式网页设计是什麽 响应式网页设计(Responsive Web Design)简称RWD,是开发...

Day28-Go gRPC(上)

前言 在此之前,我们有介绍 HTTP 网路通讯协定,除了这个通讯方法外,今天要介绍一个 Google...

Hook 概观( Day15 )

如果想快速使用 Hook ,其实就参考 Hook 概观分的五个面向,包含一定会用也最常用的 Stat...

那些被忽略但很好用的 Web API / Animation On Scroll

学以致用是最快乐的事情 昨天我们认识了 IntersectionObserver,知道它可以侦测到...

Day 12 : 如何正确使用 Zettelkasten 笔记法?了解 4 种笔记形式的功能,以利後续笔记连结

前言 还记得我在 Day03 介绍的《Zettelkasten卡片盒笔记法,建立知识连结网路来活用笔...