Non-primal difference between Vue3. X and 2. X (ii) ref

2. X:

    <div ref="xx">
        <p>112233</p></div> when used:this.$refs.xx
Copy the code

3. X:

    <div ref="xx">
        <p>112233</p></div> when used:import {ref} from "vue"
    export default{
        setup(){
        let xx = ref(null);
        function test(){
            xx.value++
            }
        }
        return {
            xx,
            test
        }
    }
Copy the code