最近这个组件之间传值用的较多,我这该死的记性,总给忘记写法,特此记录下
第一种 父传子
补充:LeftView.vue 是父组件; Video.vue 是子组件
第二种 子传父
Video.vue 子组件
第一步 引入:
import { defineEmits } from 'vue'
第二步 命名:
const emit = defineEmits(['func'])
第三步 传递:
emit('func', value)
LeftView.vue 父组件
第三种 组件通用传值EventBus
第一步 创建bus.js文件文章来源:https://www.toymoban.com/news/detail-514163.html
--bus.js
import mitt from "mitt";
const emitter = mitt()
export default emitter
第二步 分别在需要相互传参的组件中引入bus.js文件,并相互传参
文章来源地址https://www.toymoban.com/news/detail-514163.html
到了这里,关于vue3 父子组件传值 记录的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!