Estoy migrando mi aplicación vue 2 a vue 3. Mientras exploraba la api de composición, me enteré de la función ref en el gancho de configuración que reemplaza la función de datos de la opción api.
En vista 2:
data() { return { cntmap: new Map() } }No estoy seguro de cómo inicializarlo en la función de referencia del gancho de configuración. He comenzado a aprender vue 3.
Prueba como el siguiente fragmento:
const { ref } = Vue const app = Vue.createApp({ setup() { const mapList = ref(new Map()) mapList.value.set('a', 1); mapList.value.set('b', 2); mapList.value.set('c', 3); return { mapList } } }) app.mount('#demo') <script src="https://unpkg.com/vue@3.2.29/dist/vue.global.prod.js"></script> <div id="demo"> <li v-for="item in mapList" :key="item"> {{ item }} </li> </div>