vue3 组件传参

父传子

父组件 绑定传参( :img_type="img_type") 不绑定只能传字符串

import {defineProps } from 'vue'
let props = defineProps({
  //子组件接收父组件传递过来的值
  img_type: String,
})

//视图中直接使用：
<div>{{ img_type + '333333333333' }}</div>

//js 使用：
let obj = ({img_type: props.img_type})

 

 子传父：

通过 调用 内置方法 defineEmits 传参  父组件 通过 注册同名方法 获取

import { defineEmits } from 'vue'

let emit = defineEmits()

emit('act_flag', false)