Vue3中如何解决父子组件间emit参数传递,Vue2的this.$emit失效问题?

2026-03-31 17:400阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计480个文字,预计阅读时间需要2分钟。

Vue3中如何解决父子组件间emit参数传递,Vue2的this.$emit失效问题?

目录 + 1. 解决this.$emit无效问题 + 2. Vuex问题 + 3. 总结 + 前言:之前写过一篇Vue3路由跳转问题的博客,发现很多同学习惯对基本的用法进行修改,但对具体的使用方式理解还不够,于是我将整理常用的组件间传递方式也写一写。

目录
  • 1.解决this.$emit无效问题
  • 2.Vuex问题
  • 3.总结

之前写了一篇Vue3路由跳转问题的博客,发现还是有很多同学对基本的使用改变还没有了解,于是我就顺道把常用的组件间传递的方式也写一下吧.......

注意的是:

1.Vue3中不在强调this的使用,可以说你在setup中完全不能用this,不像Vue2中把全部的内容都集成到this中。

2.Vue3现在由于compositionAPI的方式可以说是弱化了Vuex的存在(当然Vuex现在可以用没什么变化)。

3.如果您有Vue2的开发经历,用Vue3也不会特别陌生,会很快上手。

1.解决this.$emit无效问题

相信很多人在利用事件驱动向父组件扔东西的时候,发现原来最常用的this.$emit咋报错了。

阅读全文

本文共计480个文字,预计阅读时间需要2分钟。

Vue3中如何解决父子组件间emit参数传递,Vue2的this.$emit失效问题?

目录 + 1. 解决this.$emit无效问题 + 2. Vuex问题 + 3. 总结 + 前言:之前写过一篇Vue3路由跳转问题的博客,发现很多同学习惯对基本的用法进行修改,但对具体的使用方式理解还不够,于是我将整理常用的组件间传递方式也写一写。

目录
  • 1.解决this.$emit无效问题
  • 2.Vuex问题
  • 3.总结

之前写了一篇Vue3路由跳转问题的博客,发现还是有很多同学对基本的使用改变还没有了解,于是我就顺道把常用的组件间传递的方式也写一下吧.......

注意的是:

1.Vue3中不在强调this的使用,可以说你在setup中完全不能用this,不像Vue2中把全部的内容都集成到this中。

2.Vue3现在由于compositionAPI的方式可以说是弱化了Vuex的存在(当然Vuex现在可以用没什么变化)。

3.如果您有Vue2的开发经历,用Vue3也不会特别陌生,会很快上手。

1.解决this.$emit无效问题

相信很多人在利用事件驱动向父组件扔东西的时候,发现原来最常用的this.$emit咋报错了。

阅读全文