参数传递使用示例

Vue Lim

Vue Parameter Show compile output

vue

<script setup lim>
const persons = [ {
    name: 'Jack',
    age: 18,
}, {
    name: 'Bob',
    age: 19,
} ];
const addAge = (data) => data.age += 1;
</script>
<template>
    <div v-for="item, index in persons">
        <span>{{index}}: {{item.name}} age is {{item.age}}</span>
        <button @click="addAge(item)">Add Age</button>
    </div>
</template>

React Lim

React Parameter Show compile output

jsx

function App () {
    const persons = [ {
        name: 'Jack',
        age: 18,
    }, {
        name: 'Bob',
        age: 19,
    } ];
    const addAge = (data) => data.age += 1;
    return <>
        {
            persons.map((item, index) => (
                <div>
                    <span>{index}: {item.name} age is {item.age}</span>
                    <button onClick={() => addAge(item)}>Add Age</button>
                </div>
            ))
        }
    </>;
}

参数传递使用示例 ​

Vue Lim ​

React Lim ​

参数传递使用示例

Vue Lim

React Lim