「Vue.js入門」で学び始めたものです。
P.126 サンプルアプリのコンポーネントですが、以下の通りですと、出力されるのですが、
html
1<script type="text/x-template" id="user-list"> 2 <div> 3 <div v-for="user in users" :key="user.id"> 4 <h2>{{user.name}}</h2> 5 </div> 6 </div> 7</script>
ここから<div></div>要素を削除して以下のようにすると、出力されなくなりました。なぜでしょうか。
html
1<script type="text/x-template" id="user-list"> 2 <div v-for="user in users" :key="user.id"> 3 <h2>{{user.name}}</h2> 4 </div> 5</script>
次に上からv-forを削除して、下のようにしてもオブジェクトにはなりますが、出力されました。
html
1<script type="text/x-template" id="user-list"> 2 <h2>{{users}}</h2> 3</script>
これはv-forの仕様のようなものが関係しているのでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/22 07:23