Vue/vue
1
0
Fork 0
mirror of https://github.com/vuejs/vue.git synced 2024-11-21 20:28:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

update firebase example to use transition-group

Browse Source
This commit is contained in:
Evan You 2016-07-13 18:35:02 -04:00
parent e8552e7ff6
commit 940ebf2709
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/firebase/index.html
View File

@ -13,13 +13,11 @@
</head>
<body>
<div id="app">
<ul>
<transition v-for="user in users" :key="user['.key']">
<li class="user">
<span>{{user.name}} - {{user.email}}</span>
<button v-on:click="removeUser(user)">X</button>
</li>
</transition>
<ul is="transition-group">
<li v-for="user in users" class="user" :key="user['.key']">
<span>{{user.name}} - {{user.email}}</span>
<button v-on:click="removeUser(user)">X</button>
</li>
</ul>
<form id="form" v-on:submit.prevent="addUser">
<input v-model="newUser.name">