V-for的key,无法使用数值类型

当使用:key=index时,列表依然为就地更新的模式,如图所示:


只有当:key=value的时候,才会正常更新,如下图所示:

可是官方教程中提到,可以使用数值类型作为v-forkey

不要使用对象或数组之类的非基本类型值作为 v-forkey 。请用字符串数值类型的值。

这个情况是为什么呢?谢谢各位
代码如下:

.html代码

    <div id="app">
        <ul>
            <li v-for="value, index in array" :key=index>
                {{value}} : <input> 
                index的数据类型为:{{typeof(index)}}
            </li>
            <button @click="changeArr">按钮</button>
        </ul>
    </div>

.js代码

        var vm = new Vue({
            el: "#app",
            data: {
                array: ['one', 'three', 'four']
            },
            methods: {
                changeArr: function () {
                    this.array.splice(1,0,'two');
                }
            },
        });

官方不推荐使用index 作为key,因为index 是不确定的值,index 也没加引号。不要用index 作为key 。index 会根据数组的更改而更改,有坑