VUE3之Composition API(二)

setup中使用ref

直接在template的ref标签中使用setup的数据即可:

<template>
    <div>
        <h2 ref="title">哈哈哈</h2>
    </div>
</template>

<script>
import { ref, watchEffect} from "vue";
    export default {
        setup() {
            const title= ref(null);

            watchEffect(()=>{
                console.log(title.value);
            },{
                flush:"post"
            });

            return{
                title
            }
        }
    }
</script>

发表评论