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语法完全相同,不再赘述。但仅可以增加子菜单到对应系统内置的菜单,无法为自定义菜单增加子菜单。

wordpress

自定义顶部菜单,钩子admin_bar_menu

登录wordpress的后台,在后台的顶部区域可以查看到自定义顶部菜单。这是通过将自定义函数挂载到admin_bar_menu的钩子上实现的。

add_menu_page

WordPress中的add_menu_page()函数

add_menu_page()‌函数用于在WordPress后台添加顶级菜单。这个函数允许开发者为WordPress后台添加自定义的菜单页面,包括顶级菜单和子菜单。以下是使用add_menu_page()函数添加顶级菜单的基本语法:

add_submenu_page

WordPress中的add_submenu_page()函数

add_submenu_page()是wordpress中后台显示的一个函数,用于在WordPress后台管理界面中添加一个子菜单页面。它允许开发人员将自定义功能添加到WordPress的管理菜单中,以便用户可以方便地访问和使用。

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