Bonjour,

Je viens de me mettre à Vue.js et je bloque sur une utilisation de :key pour le rendu de liste et la réactivité.

<div id="app">
	<table>
		<tbody>
			<tr v-for="(l, uid) in list" :key="l.uid">
				<td>{{ uid }} </td>
				<td>{{ l.name }} </td>
				<td>{{ generateAt() }}</th>
			</tr>			
		</tbody>
	</table>
</div>

new Vue({
	el: "#app",
	data: {
		list: {
			'001': {
				'uid': '001',
				'name': 'Person1'
			},
			'002': {
				'uid': '002',
				'name': 'Person2'
			}
		}
	},
	methods: {
		generateAt: function () {
			return new Date();
		}
	},
	mounted: function () {
		let instance = this;
		instance.$on('update', function (uid, name) {
			instance.$set(instance.list, uid, { 'uid': uid, 'name': name });
		});
	}
});

Ce que je ne comprends pas c'est que mes row possède une key et que la date de tous les rows est affecté.

Merci par avance pour vos explications.

Peace,