vue考题（2）

1. vue3如果用setup写如何获取类似于vue2中的this？

import { getCurrentInstance } from 'vue'

const app = getCurrentInstance()
app.appContext.app.config.globalProperties.$loading  // $loading是自定义组件的名字

2. vue3常用的方法有哪些？

ref
reactive
toRef
toRefs
defineProps
defineEmit
defineExpose

3. vue3的toRef和toRefs的用法

<template>
    <div>
        <p>toRef演示：{{ name }}</p>
        <p>toRefs演示：
            {{ name }}
            {{ age }}
        </p>
    </div>
</template>
<script setup>
    import { reactive } from 'vue'
    
    let obj = reactive({
        name: '小明',
        age: 18
    })
    
    let name = toRef(obj, 'name') // 模板可以直接用name，不用obj.name
    
    let { name, age } = toRefs(obj)  // 模板可以直接用name和age，不用obj.name、obj.age
</script>