vue。js如何获取自定义元素属性参数的值?

在vue的使用中。js,关于属性id号的定义如何得到呢? 我想阅读$refs id="20" 价值我希望是控制台。日志是 21,10,15 . 转到 jsfiddle

请看:

var app = new Vue({
  el: "#app",
  data: {
    fruit: [{
      id: 21,
      name: 'Peach'
    }, {
      id: 10,
      name: 'Apple'
    }, {
      id: 15,
      name: 'Lemon'
    }],
    branid: ''
  },
  mounted() {
    console.log(this.$refs)
  }
})

<div id="app">
  <ul>
    <li v-for="item in fruit" :id="item.id" ref="branid">{{item.name}}</li>
  </ul>
</div>