<template> tag with v-for render undefined

if i use a Array as a prop of custom component, the template element with v-for directive just render undefined

<component :list="list"></component>
<template v-for="item of list">{{item.name}}</template> <!-- output undefined -->

it’s strange. only template element tag has this problem.

Vue.js version

2.1.7

Reproduction Link

simple demo here https://github.com/shjyh/vue_error_demo/tree/master/2016-12-26

[dankuck]

I’m still seeing a similar problem when running against the latest code.

Example: https://dankuck.github.io/TiltMaker/buggy.html

References: https://cdn.rawgit.com/vuejs/vue/dev/dist/vue.js

Github: https://github.com/dankuck/TiltMaker

[posva]

The template tag is meant to wrap multiple elements like:

<template v-for="item in list">
   <span>{{ item.key }}</span>
  <span> {{ item.name }}</span>
</template>

In your case you should simply use <span v-for="item in list"></span> to wrap the text nodes