記錄一下vue3中composition api如何取的組件實例與dom元素
重點
- 定義的變數要用標籤屬性ref的值一樣
- 定義要使用ref(null)的形式
- 要在onMounted才能取的
簡易範例
<template>
<button ref="btn">
</button>
<template/>
<script type="module">
const { createApp, ref ,onMounted} = Vue;
export default {
components: {
card,
},
setup() {
const btn = ref(null)
onMounted(()=>{
console.log(btn.value) //button dom
})
//記得reutrn
return { btn }
},
});
</script>
