vue this.$refs获取静态元素和动态元素的区别

Question

<template>     <div class="warpper">         <button @click="alert">test</button>         <ul >             <li  ref="lk" key="22">lk</li>             <li  ref="lk" key="21">lk</li>             <li v-for="i in 4" ref="li" :key="i">li</li>         </ul>     </div></template><script>export default{    methods:{         alert(){            var lk=this.$refs.lk            var li=this.$refs.li            console.log(lk)            console.log(li)         }     }, }</script>打印结果：问题是：为什么$refs获取静态的li元素只能获取一个，而动态的可以获取多个，请大神指点