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元素只能获取一个，而动态的可以获取多个，请大神指点