转载自： https://blog.csdn.net/MonsteriU/article/details/103782752
promise实现

function1(){
    // 你的逻辑代码 
    return Promise.resolve()
function2(){
    // 你的逻辑代码 
    return Promise.resolve()
// 调用
function3(){
    this.function1().then(val => { 
        this.function2();
    });
注意
 一般要这么写的时候, function1()一般内部有异步函数,即自身也为异步函数
 那么function1()需要这么定义才会有效
 
async function1(){
    // 你的逻辑代码 
    await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
    return Promise.resolve()
当我们使用async,await时，注意funthree中使用异步的同时，funone funtwo本身也得是异步方式，否则不起作用
 
async funone() {
	await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
async funtwo() {
	await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
async funthree() {
	await this.funone()
	await this.funtwo()
	await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
                    转载自：https://blog.csdn.net/MonsteriU/article/details/103782752promise实现function1(){    // 你的逻辑代码     return Promise.resolve()}function2(){    // 你的逻辑代码     return Promise.resolve()}// 调用function3(){    this.function1().then(val => {         
Promise是ES6的新特性，用于处理异步操作逻辑，用过给Promise添加then和catch函数，处理成功和失败的情况
ES7中新提出async搭配await，建议使用async搭配await。
function fun1(){
    return new Promise((resolve, reject) => {
        /* 你的逻辑代码 */
        console.log("1");
				
在 Vue3 中，可以通过在组件中使用 `setup()` 函数来调用封装的函数。首先，需要将封装的函数导出，然后在组件中引入该函数，并在 `setup()` 函数中调用它。例如：
```javascript
// 封装的函数
export function myFunction() {
  // do something
// 组件中引入函数
import { myFunction } from './utils';
export default {
  setup() {
    // 调用函数
    myFunction();
注意，`setup()` 函数只能在 Vue3 中使用，如果你正在使用 Vue2 或更早的版本，则需要使用不同的方法来调用封装的函数。