吃瓜网站&吃瓜事件：
vue父组件调用子组件事件方法
父组件可以通过使用$refs或者v-on指令来调用子组件的事件方法。当使用$refs时，可以通过ref属性给子组件设置引用信息，然后直接使用子组件实例来调用其方法。使用v-on指令时，可以在子组件内部触发自定义事件，并在父组件中监听这些事件，从而实现父组件对子组件事件的响应和处理。
调用子组件方法：在[文]父组件的metho[章]ds中，可以通过t[来]his.$refs[自].[ref值]来访[Z]问子组件实例，并调[B]用其方法。需要注意[L]的是，由于DOM更[O]新可能异步进行，因[G]此在某些情况下可能[文]需要使用Vue的下[章]一个tick方法或[来]者watch来确保[自]DOM已经更新。
父子组件通信 在Vue中，父组件可以通过data属性或props向子组件传值。此外，子组件也可以通过回调函数或事件向父组件传递数据或调用方法。例如，父组件调用子组件的方法，可以使用`this.$refs`或`this.$children`，具体取决于调用的组件在父组件中是如何定义的。
Vue事件原理(从源码角度带你分析)(4)
1、event生成之自定义事件Vue中event事件分为原生DOM事件与自定义事件，原生DOM事件的处理（点击这里跳转），我们上一节已经分析过了。这一节我们来分析下自定义事件。
2、event编译[Z]之parse在之前[B]的过程中我们分析了[L]编译流程，其中pa[O]rse流程第一步会[G]扫描开始标签，将开[文]始标签上的所有属性[章]存储在match对[来]象的attr属性数[自]组中，然后生成初始[Z]的AST树，解析a[B]ttr数组属性，丰[L]富AST树上的内容[O](不清楚可以点击这[G]里)。
3、RefImpl[文]是ref的核心内容[章]，构造函数接收两个[来]参数，value是[自]传入的原始值，__[Z]v_isShall[B]ow用于区分深层/[L]浅层响应式，isS[O]hallow()函[G]数利用这个属性做判[文]断。在Ref中，_[章]value属性存储[来]实际值，dep属性[自]存储依赖，在cla[Z]ss的getter[B]中通过trackR[L]efValue(t[O]his)收集依赖，[G]在setter中调[文]用triggerR[章]efValue(t[来]his， newVal)。
4、前言：在处理内置指令后，我们今日关注的是@vue/compiler-dom包中的字符串化hoist节点操作。这部分代码在baseCompile方法中找到调用入口，且hoistStatic选项默认为true，尽管没有直接传入参数。在vue/compiler-sfc/__tests__/compileTemplate.spec.ts的测试用例中，我们发现参数来源。
5、本章聚焦于 Vue 的数据初始化过程，以及计算属性（computed）实现原理的深入解析。通过分析核心源码，我们了解 Vue 如何将数据初始化与响应式机制相结合，从而实现灵活的数据绑定与高效的数据更新。Vue 实例化的核心在于 _init 方法，它负责将外部传入的配置与内部默认配置进行合并，并启动数据初始化流程。
6、在深入研究vue runtime源码时，我们首先确定了分析的路径和方法。createApp这个关键入口点位于@vue/runtime-dom包中，它是开发者项目启动的起点。
Vue中全局事件总线(GlobalEventBus)原理及探究过程
是众多生命周期中最前面的一个。在此时，它的this就是当前的vue.使用全局事件总线接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。即是图示中的第一步。
Vue应用中，当父[自]子组件间的通信不再[Z]是主要需求，而需要[B]实现无关联页面间的[L]通信时，事件总线（[O]EventBus）[G]就派上了用场。它就[文]像一个组件间的公共[章]通信中心，所有组件[来]都可以通过它发送和[自]接收事件，实现平行[Z]的通讯。Event[B]Bus的使用分为初[L]始化和实际操作两部[O]分。
无论是props、[G]EventBus、[文]Vuex、发布订阅[章]等实现组件交互，本[来]质就是做到数据共享[自]。弄清这一点，对于[Z]使用全局事件总线，[B]就简单多了哈。不过[L]今天的文章，主要是[O]先带着大家使用，原[G]理等周末拉。Eve[文]ntBus又称为事[章]件总线。
事件总线（Even[来]tBus）的使用 EventBus 是用于 Android 的事件发布-订阅机[自]制，简化了组件间通[Z]信，尤其是碎片间通[B]信。它有三个关键角[L]色：事件（Even[O]t）、订阅者（Su[G]bscriber）[文]和发布者（Publ[章]isher）。事件[来]可以是任意类型，订[自]阅者处理事件，发布[Z]者发布事件，通常使[B]用 `EventBus[L].getDefau[O]lt().post[G](event)` 发布。
兄弟组件间通过EventBus方式传递数据。EventBus作为一个全局事件总线，允许组件间通过发布和订阅事件进行通信。使用$store进行通用数据管理。在Vue中利用Vuex管理应用级别的状态，实现组件间的数据共享和状态管理。通过$store进行数据的获取、修改和同步，简化组件间的数据传递。
vue中的video组件有哪些回调事件?
1、video组件的挂载（Mount）：当组件被插入到DOM中时触发。这个事件回调通常用于初始化组件，以及绑定事件监听器或执行其他需要在组件挂载后进行的操作。video组件的更新（Update）：当组件的props或state发生变化时触发。这个事件回调通常用于根据新的props或state更新组件的状态，以及重新渲染组件。
2、首先打开vuevideo软件，进入软件的主界面中。其次点击软件的右上角的设置按钮。最后找到字幕设置选择可拖拽的字幕即可。
3、在项目中，我曾[文]经使用video.[章]js播放m3u8格[来]式的视频，操作顺畅[自]无阻。然而，当调整[Z]为使用内网链接后，[B]视频可以请求成功，[L]却始终无法显示画面[O]。深入研究后，发现[G]问题根源在于浏览器[文]对视频编码格式的支[章]持。后端提供的m3[来]u8视频文件采用了[自]H265编码格式，[Z]这在当前浏览器中并[B]不完全被支持，导致[L]视频无法正常播放。[O]
4、在vue的使用[G]过程中会遇到各种场[文]景，当普通使用时觉[章]得没什么，但是或许[来]优化一下可以更高效[自]更优美的进行开发。[Z]
5、考虑Nuxt路[B]由切换、keepa[L]live缓存和动态[O]绑定问题，均未能解[G]决。测试纯Vue项[文]目，同样遇到mut[章]ed属性消失问题，[来]确认并非路由问题。[自]查阅Vue Github仓库，[Z]发现相似未解决的i[B]ssues。最终，[L]通过在Vue挂载后[O]操作DOM触发视频[G]播放事件，实现自动[文]播放功能，虽然问题[章]得到解决，但问题核[来]心可能在框架。
6、从change事件侦听器中调用uploadAndTrackFiles传递文件列表。elemFileInput.addEventListener(change，(e)={uploadAndTrackFiles(e.currentTarget.files)；e.currentTarget.value=})； 现在要做的一件事是清除之后的input的值，这样浏览器就就不会阻止用户添加更多的文件。
