vue.js中key的用法

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

html：
<p>key的使用实例：</p>
    <li v-for="item in itemList" :key="item.text">
        <span>{{item.text}}</span>,<span>{{item.value}}</span>
    <li v-for="item in itemList">
        <span>{{item.text}}</span>,<span>{{item.value}}</span>
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的用法