在setup()函数中获取全局实例方法 & Vue组件的data域（this指向）

在Vue3的setup()函数中获取全局实例方法

• 在Vue2中，我们可以通过this.$来获取全局实例方法

  • 一个例子

    this.$requestLogin()
    

    这样就可以获取定义在main.js中的全局实例方法。

• 但是在Vue3中的setup函数中，由于不存在this，所以上面的方法是不行的

  • 下面提供2种方法

    1. 使用getCurrentinstance()

       const instance = getCurrentInstance()
       
       instance.proxy.$requestLogin()
       

    2. 使用root

       setup(props,ctx)
       {
         ctx.root.requestLogin()
       }
       

Vue组件的data域（this指向）

• Vue组件中响应式数据必须放在函数的return中返回

  • data对应的函数可以使用普通函数也可以使用剪头函数，这2个有轻微的区别（this）

    • 当data对应的函数是普通函数时，this指向Vue实例