使用 npm i t-user-info 或者 cnpm i t-user-info安装插件

在需要使用的地方 import userinfo from 't-user-info/components/t-user-info.vue'引入

<user-info :userInfo='myObj' @sava-info="saveInfo" @change-img="changeImg">

myObj传递给参数数据

const myObj = reactive({
		avater: 'https://gimg3.baidu.com/search/src=http%3A%2F%2Fpics7.baidu.com%2Ffeed%2F3801213fb80e7bec5ddd7894d9e38b339a506b9c.jpeg%40f_auto%3Ftoken%3D373cae61dce4e1c1534d1746060b65b0&refer=http%3A%2F%2Fwww.baidu.com&app=2021&size=f360,240&n=0&g=0n&q=75&fmt=auto?sec=1667494800&t=59172c437443978f9474919a4279ec11',
		nickName: '1111',
		sex: '',
		province: '',
		city:'',
		area: '',
		birthday: '',
		description: '',
		mobile:1,
	});

@sava-info="saveInfo" 点击修改按钮时调用方法

@change-img="changeImg" 点击头时调用方法

//上传头像
	const imgUpload = (file:string) => {
		
		//此处可调用接口
	}
	//修改个人信息
	const changeImg = (info:string) => {
		console.log('点击修改按钮获取参数》》》',info)
		//此处可调用接口
	}