update vue2 -> vue3, fixes #3747
Was beachtet werden muss bei der Umstellung von vorhandenem Code:
- Die Lifecycle Hooks
beforeDestroyunddestroyedgibt es nicht mehr. Dies sind nunbeforeUnmountundunmounted. - Das Verhalten von
v-modelhat sich geändert. Die Property ist nicht mehrvaluesondernmodelValueund der Emit ist nicht mehrinputsondernupdate:modelValue, welcher auch explizit in denemitsder Komponente angegeben werden soll. - Die Komponente
vuedraggablehat ihr Verhalten geändert. Das<draggable>-Elemente übernimmt das Erzeugen der Kindknoten nun selber. Dafür braucht es eineitem-key-Angabe an diesem Element (dort muss ein Attribut der Elemente angegeben werden, das als:keyverwendet wird; kann man meistens direkt aus dem:keybeimv-forinnerhalb des Elements sehen). Der Kindknoten darf selbst keinv-formachen und muss in einem Element<template #item="{element, index}">gewrappt sein. Die Angabe vonindexist dabei optional. - Wenn Arrays überwacht werden und es wichtig ist, dass jede Änderung erfasst wird, muss noch die Angabe
deep: trueam Watcher ergänzt werden. Beispiel:watch: { // vorher foo(current) { // ... } // nachher foo: { handler(current) { // ... }, deep: true } }
Edited by Jan-Hendrik Willms