vue3公共方法封装使用

需求：前端逻辑中经常重复使用一个相同的方法，例如：弹出成功失败弹出框，在每一个页面写就很不高级，那就封装一下使用

步骤：

1、在src文件夹下创建common.ts作为公共方法文件,例如写一个弹出框方法

commom.ts

import { ElMessage } from 'element-plus'
export function ElMessageFun(i:string){
	if(i === 'success'){
     ElMessage({
     	message:'成功',
     	type:'success'
     })
     }else{
      ElMessage({
     	message:'失败',
     	type:'warning'
     })
     }
}

2、在.vue中调用公共方法ElMessageFun

test.vue

import {ElMessageFun} from 'common.ts的路径'
ElMessageFun('success') 
//调用成功