v-for循环空数组返回undefined

本文章采用 1.1版本的vue.js和 2.6版本的vue.js进行解决该问题

1.1版本的vue.js

• 1.1版本的vue.js不存在v-for循环空数组或空对象返回undefined的问题
• 且该版本的vue.js还可以使用$index,$key

HTML代码

<div id="box">
    <ul>
        <li v-for="item in myData">{
  {item}}{
  {$index}}</li>
    </ul>
</div>

JavaScript代码

<script src="./vue-1.1/vue.js"></script>
<script>
    new Vue({
   
        el: '#box',
        data: {
   
            myData: [
                'apple',
                'banana',
                'orange'
            ]
        }
    }) 
</script>

运行结果图

数据数组为空时，运行结果

什么都没有，即 1.1版本的vue.js根本不存在v-for循环空数组或空对象返回undefined的问题

2.6版本的vue.js

• 2.6版本的vue.js存在v-for循环空数组或空对象时，返回undefined的问题
• 且该版本不能使用$index, $key（$key返回对象的属性名）

HTML代码

<div id="box">
    <ul>
    // 1.1版本的vue.js也可以使用这种方法循环访问索引、属性名
        <li v-for="(item, key, inde