在vue开发中存在2种通信方式:一种是父子组件通信;另一种是非父子组件通信。下面web建站小编给大家简单介绍一下vue非父子组件通信!
eventMedth.js文件
import Vue from 'vue' export const eventMedth = new Vue()
需要通信的组件
<script> import { eventMedth } from '@/eventMedth.js' export default { methods: { sendMessage () { eventMedth.$emit('sendMsg', 'Hello Vue!') } } } </script>
接收事件
<template> <div> <h1>{{ message }}</h1> </div> </template> <script> import { eventMedth } from '@/eventMedth.js' export default { data () { return { message: '' } }, created () { eventMedth.$on('sendMsg', (msg) => { this.message = msg }) } } </script>
上面是“vue如何实现非父子组件通信”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4692.html
workflows工作流
梦幻向日葵ComfyUI工作流
一碗热气腾腾的拉面ComfyUI工作流
一群蚂蚁在路上忙碌着ComfyUI工作流
一位美丽的女士在座机上讲话ComfyUI工作流
一个美丽的女孩穿着花瓣做的衣服
广阔的沙漠中矗立着一个生锈的巨大头盔
一只可爱的草莓味冰淇淋卷筒
一只漂亮的孔雀的尾巴完全由披萨制成ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!