banner

vue中的组件间通信props,$emit和事件总线bus

vue中的组件间通信包含props,$emit和事件总线bus等。组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互进行直接的引用,所以组件间的相互通信是非常重要的。

在Vue中,组件间的通信主要有三种方式:props、$emit和事件总线(Event Bus)。

  1. Props:Props是Vue组件间最直接的一种通信方式。父组件通过props将数据传递给子组件,子组件通过props接收数据。子组件可以通过触发自定义事件,使用$emit方法将数据传递回父组件。
  2. emit是Vue实例的一个方法,用于触发自定义事件。父组件可以监听子组件触发的事件,并获取传递的数据。例如,子组件通过$emit方法触发一个名为”update”的事件,并将数据作为参数传递给父组件。父组件通过v-on指令或@简写方式监听该事件,并获取传递的数据。
  3. 事件总线(Event Bus):事件总线是一种更灵活的组件间通信方式。它通过创建一个新的Vue实例作为事件总线,允许组件间通过事件进行通信。一个组件可以通过事件总线触发事件,另一个组件可以监听该事件并获取传递的数据。事件总线不需要将组件直接相互引用,使得通信更加解耦和灵活。

总的来说,props主要用于父组件向子组件传递数据,$emit用于子组件向父组件传递数据,而事件总线则提供了一种更灵活的通信方式,允许任意两个组件之间进行通信。根据实际需求选择合适的通信方式,可以提高Vue应用程序的可维护性和可扩展性。

wordpress

WordPress中的后台增加子菜单到现有系统菜单里

wordpress中有许多的函数我们需要熟稔于心。需要说明的是该方式语法与add_menu_page语法完全相同,不再赘述。但仅可以增加子菜单到对应系统内置的菜单,无法为自定义菜单增加子菜单。

0
Would love your thoughts, please comment.x
()
x
Scroll to Top