vue3 如何獲取 dom

1. 通過 ref

    1. 在 html 標簽上指定 ref 屬性

    2. 在 setup 中定義並返回.注意：標簽上的 ref 屬性名需要跟 setup 中的對應

        <h1 ref="msg">Welcome to vue3 app</h1>
        setup() {
            const msg = ref(null);
            onMounted(() => {
                console.log(msg.value.innerHTML);
            });
            return {
                msg,
            };
        },

 

2. 通過原生 JavaScript 獲取

<a href="https://cli.vuejs.org" target="_blank" rel="noopener">
    vue-cli documentation
</a>;
onMounted(() => {
    console.log(document.querySelector('a[rel="noopener"]').href);
});