vue.js中key的用法

Question

刚学vue.js，看着官方API学习的，文档中的KEY属性一直没搞懂，感觉有key没key没什么区别。

html：

<p>key的使用实例：</p>

<ul>

    <li v-for="item in itemList" :key="item.text">

        <span>{{item.text}}</span>,<span>{{item.value}}</span>

    </li>

</ul>

<ul>

    <li v-for="item in itemList">

        <span>{{item.text}}</span>,<span>{{item.value}}</span>

    </li>

</ul>

js：

var text = new Vue({

    el: ".v-text",

    data: {

        itemList: [

            {text: 1, value: "hi1"},

            {text: 3, value: "hi3"},

            {text: 2, value: "hi2"},

            {text: 4, value: "hi4"},

            {text: 8, value: "hi8"}

        ]

    }

});

在chrome的控制台用js插入itemList的内容，2个ul的效果是一样的，我试过

text.itemList.push({text: 9,value : "hi9"})

text.itemList.push({text: 1,value : "hi11"})

没发现有什么不同的， 求大神帮忙解答下vuejs中key的用法