【备战春招】第11天 6-19 setup中如何获取组件实例

课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：6-19 setup中如何获取组件实例

课程讲师： 双越

课程内容：

6-19 setup中如何获取组件实例

课程收获：

因为在setup和composition API中没有this，则需要通过getCurrentInstance来获取当前组件实例，如果使用options API，则同vue2一样通过this，来获取当前组件实例

<template>
    <p>get instance</p>
</template>

<script>
import { onMounted, getCurrentInstance } from 'vue'

export default {
    name: 'GetInstance',
    data() {
        return {
            x: 1,
            y: 2
        }
    },
    setup() {
        console.log('this1', this)

        onMounted(() => {
            console.log('this in onMounted', this)
            console.log('x', instance.data.x)
        })

        const instance = getCurrentInstance()
        console.log('instance', instance)
    },
    mounted() {
        console.log('this2', this)
        console.log('y', this.y)
    }
}
</script>

谢谢老师，讲的非常细致，很容易懂。这一节学的是 setup中如何获取组件实例，为以后的学习打下了基础。
原来vue3能有这么多种性质，以及对vue3有了新的认识，期待后边的学习