Vue中访问标签上data自定义数据

HTML结构如下

      <ul ref="test">
        <li data-number="1">第一项</li>
        <li data-number="2">第二项</li>
      </ul>

获取li上的自定义属性number

        //  获取第一个li上的number值
        this.$refs.test.children[0].dataset.number;

        //  获取第二个li上的number值
        this.$refs.test.children[1].dataset.number;