Open lifetimesw opened 1 year ago
Thanks very much, it took me a while to before I checked the chrome dev tools.
I did simplify the code by removing line 12: <p v-for="(x, i) in 10" :key="i" ref="pRefs">{{ x }}</p>
.
but still the same thing happens. 🙁
Fix the problem. I believe that setup(){} function helped somewhat. The setup function is only executed only one in vue.js 3, if I am correct.
https://stackblitz.com/edit/vitejs-vite-nzzz5i?file=src%2Fviews%2FHelloWorld.vue
I am facing this issue even without v-for
.
I have a ref
to a custom component whose onMounted
function is being called twice
Upvote this issue, I still reproduce using latest Vue version.
I'm facing this issue for each function call .
Vue version
3.2.45
Link to minimal reproduction
https://stackblitz.com/edit/vitejs-vite-fx7e3m?file=src/views/HelloWorld.vue
Steps to reproduce
vue-router
RouterView
v-for + ref
attribute on the html elementref attribute
<script setup>
to triggerhot module replacement
What is expected?
onMounted will be Called once
What is actually happening?
onMounted will be Called twice.
System Info
Any additional comments?