js如何处理这样的异步问题？

        class fun {
            constructor() {
                this.authMap = {}
                // this.initAuth()
            }
            async initAuth() {
                const isshowCreateApp = await getAuthorization()
                this.setAuthMap({ createAuth: isshowCreateApp })
            }
            setAuthMap(authmap) {
                this.authMap = {
                    ...authmap
                }
                console.log(this.authMap, 'this.authMap')
            }
        }
        function getAuthorization() {
           return new Promise((res) => {
                setTimeout(() => {
                    res('666')
                },)
            })
        }
        async function fn() {
            let connector = new fun()
            await connector.initAuth()
            console.log(connector, "this.connector.authMap")
        }
        fn()

这样的话不用改你自己的代码

<script>
import fun from './1.js'
export default {
  data () {
    return {
      connector: new fun()
    }
  },
  watch: {
    'connector.authMap' (newVal, oldVal) {
      console.log(this.connector.authMap);
    }
  }
}
</script>