Vue3.x与2.x的非原理性差别(二)ref

71 阅读1分钟

2.x:

    <div ref="xx">
        <p>112233</p>
    </div>
    使用时:
    this.$refs.xx

3.x:

    <div ref="xx">
        <p>112233</p>
    </div>
    使用时:
    import {ref} from "vue"
    export default{
        setup(){
        let xx = ref(null);
        function test(){
            xx.value++
            }
        }
        return {
            xx,
            test
        }
    }