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的用法