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

课程章节：6-9 为什么需要用 ref

课程讲师： 双越

课程内容：

6-9 为什么需要用 ref

课程收获：

<template>
    <p>why ref demo {{state.age}} - {{age1}}</p>
</template>

<script>
import { ref, toRef, toRefs, reactive, computed } from 'vue'

function useFeatureX() {
    const state = reactive({
        x: 1,
        y: 2
    })

    return toRefs(state)
}

export default {
    name: 'WhyRef',
    setup() {
        const { x, y } = useFeatureX()

        const state = reactive({
            age: 20,
            name: '双越'
        })

        // computed 返回的是一个类似于 ref 的对象，也有 .value
        const age1 = computed(() => {
            return state.age + 1
        })

        setTimeout(() => {
            state.age = 25
        }, 1500)

        return {
            state,
            age1,
            x,
            y
        }
    }
}
</script>

谢谢老师，讲的非常细致，很容易懂。这一节学的是为什么需要用 ref，通过学习我了解了什么ref原理，为什么要用给以后的学习打下了基础。
原来vue3能有这么多种性质，以及对vue3有了新的认识，期待后边的学习