Vue3はTypeScriptとの親和性も高く、React,svelteにも似た書きやすさ。 vue3アプリの初期化( npm init vue@3 )

Vue3 の Composition API での HTMLへのref

●

<template>
  <h1>typescript google map</h1>
  <div ref="mapRef" class="map"></div>
</template>
<script lang="ts" setup>
const mapRef = ref<HTMLElement>();

// このタイミングでは undefined になります
console.log( mapRef.value );


onMounted(() => {
  // このタイミングで <div class="map"></div> が入ります
  console.log( mapRef.value );
})
</script>
No.2271
01/11 17:17

edit