反応、VueとSvelte:破壊する小道具を比較する

小道具を破壊する.

Es 6 +、ObjectとJavaScriptに関しては、それはちょうど破壊的な方法を使用することができます、そして、それは同じものです.よく、JavaScript!
チェックイットアウト🚀

反応する

Link

// Parent Component
<ChildComponent {...user} />
// or
<ChildComponent user={user} />

const Component = ({id, name, lastname}) => {
  return <div id={id}>{name}{lastname}</div>
}

Vue

Link

const props = defineProps({
  user: Object
})
let { id, name, lastname } = props.user;
<template>
<div>{{ id }} {{ name }}</div>
</template>

スベルト

Link

// Parent Component
<ChildComponent {...user} />

// Child Component
export let name;
export let lastname;
export let id;

<div>{name} {lastname} {id}</div>