A object deconstruction in Vue
Notice
It is a functional
component
<template>
<div>
<with :e="a.b.c.d.e" :f="123" :b="a.b" :parse="parseObj()">
<template #default="{ e, f, b, parse }">
{{e}}
<br>
{{f}}
<br>
{{b}}
<br>
{{parse.b}}
{{parse.c}}
{{parse.d}}
</template>
</with>
</div>
</template>
<template>
<div>
<with v-bind="someData">
<template #default="{ data_1, data_2, data_3 }">
{{data_1}}
{{data_2}}
</template>
</with>
</div>
</template>
<!-- someData = { data_1: 1, data_2: 2, data_3: 3} -->