Vue2.0如何在子组件之间传递方法(Vue2.0 不能再使用事件总线)

原创 程序编程代写  2021-12-10 12:36:12  阅读 103 次 评论 0 条
摘要:

Vue2.0如何在子组件之间传递方法建议阅读官方文档,很详细组件之间的数据传输分为三种类型:1。父子组件:属性向下事件向上。也就是说父组件是通过属性传递给自组件的,而自组件是通过事件传递给父组件的。2。非父子组件:通过eventBus。3。Vuex这个状态管理Vue调用子组件并传递一个方法

Vue2.0如何在子组件之间传递方法

建议阅读官方文档,很详细 组件之间的数据传输分为三种类型: 1。父子组件:属性向下事件向上。也就是说父组件是通过属性传递给自组件的,而自组件是通过事件传递给父组件的。 2。非父子组件:通过 eventBus。 3。Vuex 这个状态管理

Vue 调用子组件并传递一个方法。这个方法应该如何传递事件? 你可以使用 v-on 指令来监听 dom 事件:greet 将一个点击事件处理程序绑定到一个方法greet。在 vue 实例中定义这个方法如下: var vm = new vue({ el:‘#example’, data: {name:‘vue。js’ }, // 在`methods` 对象中定义方法 methods: {greet: function (event) {// 在方法`this` 中指向vm alert(‘hello ’+ this。名称 + ‘!’) // `event` 是原生 dom 事件 alert(event。目标。tagname)}} }) // 也可以在javascript代码中调用vm方法。greet() // ->‘hello vue。js!’

vue2.0是否无法使用事件总线?

你好

没有被抛弃,它仍然存在,语法是一样的

const Bus = new Bus();Bus。$on(‘问候’, (msg) => 控制台。log(‘Hello, ’+ msg);Bus。$emit(‘问候’,‘东西’);

如果你输入像上面那样的代码。那应该是顺序问题,因为你把它放在钩子里:我只是在父组件和子组件的钩子里控制台。log,可以看到他们的执行顺序,可能是执行不正确的原因,一定要先保证$on,再$emit

希望对你有帮助

如何实现vue动态组件之间的通信

一个问题已关闭。看来你学过总线通信部分。当前的问题是 var eventBus = new Vue(); 不能被其他组件使用。我猜你可能用的是官方cli生成的Webpack的单文件组件模式。给你一个简单的方法

eventbus发布事件后是否有接口监听?

例子:抛出事件的int,但是我们的接收者接受的是Number,它是int的父类。guava的EventBus如何接受:post方法第一行:Java代码集

本文地址:http://www.mjgy888.com/post/33337.html
版权声明:本文为原创文章,版权归 程序编程代写 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?