:key
2020-10-29 本文已影响0人
lucky_yao
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>key</title>
<style>
li{
border:1px solid red;
}
</style>
</head>
<body>
<div id="app">
<ul>
<li v-for="user in users" :key='user.id'>
<input type="checkbox">
{{user.id}}-{{user.name}}-{{user.age}}
</li>
</ul>
</div>
</body>
<script src="js/vue.js"></script>
<script>
let app=new Vue({
el:'#app',
data:{
users:[
{id:1,name:'ji',age:'12'},
{id:2,name:'yao',age:'18'},
{id:3,name:'jyy',age:'21'}
]
}
});
setInterval(() => {
app.users.sort(()=>{
return Math.random()-0.5;
})
}, 1000);
</script>
</html>
