<script>
import {Svue} from 'svue';
const sv = new Svue({
data() {
return {
map: {
a: 1,
b: 2,
c: 3,
}
}
},
computed: {
keys(map) {
return Object.keys(map);
},
values(map) {
return Object.values(map);
},
entries(map) {
return Object.entries(map);
}
},
});
</script>
{#each $sv.entries as [key, value]}
<div>{key}: {value}</div>
{/each}
<button on:click={() => { const {b, ...notB} = $sv.map; $sv.map = notB; }}>Delete b</button>
<button on:click={() => $sv.map = {...$sv.map, c: 4}}>Set c to 4</button>